<?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>ElanMan &#187; CSS</title>
	<atom:link href="http://www.elanman.co.uk/languages/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.elanman.co.uk</link>
	<description>ElanMan&#039;s Code Snippets</description>
	<lastBuildDate>Mon, 31 May 2010 07:30:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Alternate Background Colours</title>
		<link>http://www.elanman.co.uk/2009/06/alternate-background-colours/</link>
		<comments>http://www.elanman.co.uk/2009/06/alternate-background-colours/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 22:56:50 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[alternate background colours]]></category>
		<category><![CDATA[alternate table rows]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[modulus operator]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=910</guid>
		<description><![CDATA[To make it easier for your visitors to visually separate similar elements in your web page (such as table rows, paragraphs, list items etc), you can give alternate elements a different background colour. You can achieve this using a server-side script but here&#8217;s a really simple way to do this using JavaScript. You can see [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/06/alternate-background-colours/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Using CSS Pseudo-Elements</title>
		<link>http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/</link>
		<comments>http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/#comments</comments>
		<pubDate>Sat, 16 May 2009 12:18:31 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css selectors]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[pseudo-elements]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=819</guid>
		<description><![CDATA[In the 2.1 CSS Specification, there are four different pseudo-elements available to use. These are :after, :before, :first-letter and :first-line. Here&#8217;s a quick description of each one. :after :after inserts generated content at the end of the element&#8217;s content. :before Funnily enough, :before inserts generated content before the content of the element. :first-letter :first-letter styles [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Which CSS Framework?</title>
		<link>http://www.elanman.co.uk/2009/04/which-css-framework/</link>
		<comments>http://www.elanman.co.uk/2009/04/which-css-framework/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 20:43:08 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css frameworks]]></category>
		<category><![CDATA[elanman]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=795</guid>
		<description><![CDATA[It&#8217;s time for a bit of feedback from you. Unless you&#8217;ve been living under a rock, you&#8217;ll have heard of &#8216;CSS frameworks&#8217; but have you ever used one? A quick search on Google brings up a multitude of different ones but which one is the best? I&#8217;ve put together a quick list of the most [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/04/which-css-framework/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Simple Dropdown Menu</title>
		<link>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/</link>
		<comments>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/#comments</comments>
		<pubDate>Sat, 18 Apr 2009 22:28:49 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[absolute positioning]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css hacks]]></category>
		<category><![CDATA[dropdown menu]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=771</guid>
		<description><![CDATA[In an ideal world, creating a cross-browser dropdown menu would be straight forward. Unfortunately, the world of browsers is far from ideal (as long as Internet Explorer 6 still exists!). For other browsers, the following code works fine: dropdown.html &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34; /&#62; [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple JavaScript Style-Switcher</title>
		<link>http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/</link>
		<comments>http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 22:59:37 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[cookies]]></category>
		<category><![CDATA[css stylesheets]]></category>
		<category><![CDATA[Dynamic]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Style Switcher]]></category>
		<category><![CDATA[styleswitcher]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=352</guid>
		<description><![CDATA[If you want to give your users the ability to change the appearance of your website dynamically and you don&#8217;t fancy using a PHP Style Switcher, you can always use JavaScript. First off, let&#8217;s take a look at our standard html. index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highlight &#8216;Current Page&#8217; Link</title>
		<link>http://www.elanman.co.uk/2009/01/highlight-current-page-link/</link>
		<comments>http://www.elanman.co.uk/2009/01/highlight-current-page-link/#comments</comments>
		<pubDate>Mon, 26 Jan 2009 10:51:42 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css selectors]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[PHP includes]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[styling links]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=284</guid>
		<description><![CDATA[In your typical page navigation, you might have a &#8216;normal&#8217; state and a &#8216;hover&#8217; state using the :hover pseudo-class. For example, all nav links have a blue background which changes to a red background when the mouse hovers over them. What if you decide that you&#8217;d like the &#8216;current page&#8217; link to have a red [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/01/highlight-current-page-link/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Know Your Css Selectors</title>
		<link>http://www.elanman.co.uk/2009/01/know-your-css-selectors/</link>
		<comments>http://www.elanman.co.uk/2009/01/know-your-css-selectors/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 23:35:38 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[css selectors]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[modern browsers]]></category>
		<category><![CDATA[rel attribute]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=236</guid>
		<description><![CDATA[After you&#8217;ve shortened your css, it&#8217;s time to get to know your css selectors. The following selectors are all in the css2.1 specifications and should work in all modern browsers (in case you&#8217;re wondering, Internet Explorer 6 is not a modern browser!). I haven&#8217;t covered the class and id selectors as I assume you&#8217;re already [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/01/know-your-css-selectors/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Linking To Content On The Same Page</title>
		<link>http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/</link>
		<comments>http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/#comments</comments>
		<pubDate>Thu, 01 Jan 2009 21:59:31 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[anchor tags]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[link to page content]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[scroll effect]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=223</guid>
		<description><![CDATA[Using Your Element Ids A very simple feature to add to your web page is a link to content that isn&#8217;t currently visible. This can be very handy if your page is particularly long and you want to save your users from manually scrolling with their mouse. For this basic example, I have a page [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shorten Your CSS!</title>
		<link>http://www.elanman.co.uk/2008/12/shorten-your-css/</link>
		<comments>http://www.elanman.co.uk/2008/12/shorten-your-css/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 22:50:11 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[shorthand css]]></category>
		<category><![CDATA[smaller css file size]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=213</guid>
		<description><![CDATA[Condense Your Code If you&#8217;ve never looked into css shorthand before, now is the time to do so! Not only will it make your css easier to read and debug, it will result in smaller css files meaning faster page loading times for your sites&#8217; visitors. Let&#8217;s take a look at a fictional and particularly [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2008/12/shorten-your-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Reset</title>
		<link>http://www.elanman.co.uk/2008/10/css-reset/</link>
		<comments>http://www.elanman.co.uk/2008/10/css-reset/#comments</comments>
		<pubDate>Sat, 04 Oct 2008 18:29:32 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[css reset]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=163</guid>
		<description><![CDATA[This is possibly the shortest post in history but worthwhile nonetheless. Before you start your css for a page/site, bung this right at the top of your stylesheet. * &#123; margin:0; padding:0; &#125; Browsers have default paddings and margins for different elements in your html. The css above removes these defaults from all elements by [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2008/10/css-reset/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
