<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>IfYouCodeItTheyWill.com &#187; CSS</title>
	<atom:link href="http://ifyoucodeittheywill.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://ifyoucodeittheywill.com</link>
	<description>xHTML and CSS made simple.</description>
	<lastBuildDate>Mon, 07 Jun 2010 15:55:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flexible-width, content-first layout with fixed-width, equal-height sidebar</title>
		<link>http://ifyoucodeittheywill.com/2009/06/flex-width-equal-height-sidebar-layout/</link>
		<comments>http://ifyoucodeittheywill.com/2009/06/flex-width-equal-height-sidebar-layout/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 22:39:51 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Misc. Design Topics]]></category>
		<category><![CDATA[xHTML]]></category>
		<category><![CDATA[equal height]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[sidebar]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=919</guid>
		<description><![CDATA[Wow, that&#8217;s a wordy title, but I wanted to make sure people will know what to expect before they click on my link.
To see what you&#8217;ll be creating today, see a working example here.
Creating this type of layout without tables may sound like a tall order right now, but not only will I show you [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/06/flex-width-equal-height-sidebar-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making Accessible Image Maps with CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/05/making-accessible-image-maps-with-css/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/making-accessible-image-maps-with-css/#comments</comments>
		<pubDate>Sat, 30 May 2009 23:10:55 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=897</guid>
		<description><![CDATA[You may have seen these around the web, images with various clickable areas that will take you to a different page, or to a different section of a page. To see how this was done in the past, see w3schools.com&#8217;s tutorial on the &#60;map&#62; tag. For an example of the end result, click on the [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/making-accessible-image-maps-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: Putting Equal-Height Columns to Practical Use</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-putting-equal-height-columns-to-practical-use/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-putting-equal-height-columns-to-practical-use/#comments</comments>
		<pubDate>Mon, 25 May 2009 23:32:12 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[equal height]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=889</guid>
		<description><![CDATA[If you haven&#8217;t gone through Equal Height Columns with CSS yet, you should do so before reading any further. This tutorial will continue from there, and I&#8217;ll show you a way to add content under those columns in a way that works with all the most popular browsers, as well as the dreaded IE6 that [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-putting-equal-height-columns-to-practical-use/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Equal-Height Columns with CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/05/equal-height-columns-with-css/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/equal-height-columns-with-css/#comments</comments>
		<pubDate>Thu, 21 May 2009 23:50:28 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[equal height]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=859</guid>
		<description><![CDATA[Aug 4, 2009 edit:  It has been brought to my attention that the overflow:hidden; required for this layout causes a bug when dealing with links that lead to a specific part of the page, and I don&#8217;t know why I hadn&#8217;t considered that before. After researching this issue and seeing others say it&#8217;s impossible [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/equal-height-columns-with-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS Pseudo-elements</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-pseudo-elements/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-pseudo-elements/#comments</comments>
		<pubDate>Thu, 14 May 2009 00:58:17 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[xHTML]]></category>
		<category><![CDATA[pseudo]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=851</guid>
		<description><![CDATA[Pseudo-elements are very similar to pseudo-classes. So similar, in fact, that I&#8217;m not even sure why they consider them two different things.
All that really matters is understanding how they work, and that&#8217;s what I&#8217;m going to show you today.
Pseudo-elements you can use are:

:first-letter
:first-line
:before
:after


:first-letter
Syntax:
tagname.classname:first-letter
:first-letter does what you might expect. It affects the first letter within the [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-pseudo-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Pseudo-classes</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-pseudo-classes/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-pseudo-classes/#comments</comments>
		<pubDate>Sat, 09 May 2009 19:09:22 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[pseudo]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=847</guid>
		<description><![CDATA[Pseudo-classes give you more control over the visual presentation of your pages without needing to add extra markup (xHTML) to the page itself, and in many cases it allows you to do things that wouldn&#8217;t be possible at all without pseudo-classes. Internet Explorer doesn&#8217;t recognize the first-child pseudo-class, but does recognize the following four when [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-pseudo-classes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Photo Gallery</title>
		<link>http://ifyoucodeittheywill.com/2009/04/css-photo-gallery/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/css-photo-gallery/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 01:35:26 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[xHTML]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[positioning]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=791</guid>
		<description><![CDATA[There are many ways to make a photo gallery. Some use javascript to pop up a larger image in the same or a different window. Some load a new page for every enlarged image. You could easily use an iframe, but since those are bad for accessibility, I stay away from iframes as much as [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/css-photo-gallery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Easily Find and Correct Errors in Your CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/04/easily-find-and-correct-errors-in-your-css/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/easily-find-and-correct-errors-in-your-css/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 10:55:34 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[validation]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=767</guid>
		<description><![CDATA[CSS Validation
Now that we&#8217;ve covered xHTML validation, let&#8217;s move on to CSS validation.
You may find this a little trickier at first, because instead of &#8220;mismatched&#8221; start and end tags, you run into things like &#8220;parse errors&#8221; and &#8220;lexical errors,&#8221; and when you run into one of these, the error is usually somewhere before the area [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/easily-find-and-correct-errors-in-your-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easily Find and Correct Errors In Your xHTML</title>
		<link>http://ifyoucodeittheywill.com/2009/04/easily-find-and-correct-errors-in-your-xhtml/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/easily-find-and-correct-errors-in-your-xhtml/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 10:32:19 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[xHTML]]></category>
		<category><![CDATA[validation]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=757</guid>
		<description><![CDATA[Before putting any xHTML or CSS file online, you should always check it for errors. A good way to do this is to run your code through w3c&#8217;s Markup Validator and CSS Validator.
As good as these and similar services are, I have found that some beginners have trouble understanding what the errors mean and how [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/easily-find-and-correct-errors-in-your-xhtml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Cascade in CSS: Tags, classes, pseudoclasses, etc.</title>
		<link>http://ifyoucodeittheywill.com/2009/04/cascade-in-css-tags-classes-pseudoclasses-etc/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/cascade-in-css-tags-classes-pseudoclasses-etc/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 10:38:16 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[class names]]></category>
		<category><![CDATA[CSS basics]]></category>
		<category><![CDATA[hierarchy]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[id]]></category>
		<category><![CDATA[inheritance]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[precedence]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=737</guid>
		<description><![CDATA[Which takes precedence?

tag
.class
tag.class
tag:pseudoclass
tag.class:pseudoclass

What if you add ids into the mix?
It can seem confusing when you start adding all these little details to the rules of CSS precedence, but you should always keep in mind that the more specifically-targeted elements will always take precedence over the more generically(or generally)-targeted ones. By the time you finish reading [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/cascade-in-css-tags-classes-pseudoclasses-etc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
