<?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/tag/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>Website Review: bestbuy.com</title>
		<link>http://ifyoucodeittheywill.com/2009/05/website-review-bestbuycom/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/website-review-bestbuycom/#comments</comments>
		<pubDate>Thu, 07 May 2009 01:14:26 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[Corporate Website Reviews]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[xHTML]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=837</guid>
		<description><![CDATA[I have to say, I was pretty disappointed when I ran bestbuy.com through w3c&#8217;s markup validator and it displayed 1223 errors and 1185 warnings.
I&#8217;ve always liked my local brick and mortar Best Buy. Their staff are always friendly and knowledgeable, and they&#8217;ve never steered me wrong. They even have their famous Geek Squad (ouch, I [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/website-review-bestbuycom/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>CSS line-height property</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-line-height-property/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-line-height-property/#comments</comments>
		<pubDate>Tue, 05 May 2009 00:01:29 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[List of CSS Properties]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=816</guid>
		<description><![CDATA[Attributes for the &#8220;line-height&#8221; property may be defined in em or px for web pages, although em is better because it is relative to the font-size.
For printing on paper, you could use pt, mm, cm, or in.
Think of line-height as the distance between two lines on a sheet of lined notebook paper.
Example, using 3em line-height:
Text
I [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-line-height-property/feed/</wfw:commentRss>
		<slash:comments>4</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>Is Your Layout Not Working Out Right?</title>
		<link>http://ifyoucodeittheywill.com/2009/04/is-your-layout-not-working-out-right/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/is-your-layout-not-working-out-right/#comments</comments>
		<pubDate>Sun, 26 Apr 2009 04:10:52 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[Misc. Design Topics]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[xHTML]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=785</guid>
		<description><![CDATA[Does your sidebar keep dropping below your content instead of sitting beside it? Is there a huge gap between the two? Where is all that extra space coming from below the header? Why are the sidebar and content overlapping?
Sometimes these problems arise from a missing or extra &#60;/div&#62; in your xHTML. Other times, it is [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/is-your-layout-not-working-out-right/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
