<?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>Noobcube &#187; CSS Sprites</title>
	<atom:link href="http://www.noobcube.com/archives/tags/css-sprites/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.noobcube.com</link>
	<description>Tutorials, Resources, Freebies, and Tips for Web Designers</description>
	<lastBuildDate>Tue, 02 Feb 2010 14:14:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Create an Advanced CSS Menu Using the Hover and Position Properties</title>
		<link>http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/</link>
		<comments>http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/#comments</comments>
		<pubDate>Thu, 28 May 2009 00:56:47 +0000</pubDate>
		<dc:creator>Jarod Taylor</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Advanced CSS]]></category>
		<category><![CDATA[CSS Navigation]]></category>
		<category><![CDATA[CSS Sprites]]></category>
		<category><![CDATA[PSD to HTML]]></category>

		<guid isPermaLink="false">http://www.noobcube.com/?p=41</guid>
		<description><![CDATA[Starting with a photoshop file and finishing with semantic HTML and CSS, we'll be creating an advanced CSS navigation menu using its <em>:hover</em> and <em>position</em> properties. 

The finished product will render properly in all major browsers including Firefox, Safari, IE7/IE8, Opera, and Google Chrome. Due to IE6 and its lack of support for the <em>:hover</em> property (other than on anchor elements), we'll have to implement a little javascript to gain its support. Nonetheless, let's get started!

<div id="related-posts">  					<h3>Related Posts</h3><ul><li><a href='http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/' rel='bookmark' title='Permanent Link: CSS Background Image Sprites: A Beginner&#8217;s Guide'>CSS Background Image Sprites: A Beginner&#8217;s Guide</a></li><li><a href='http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/' rel='bookmark' title='Permanent Link: CSS Image Maps: A Beginner&#8217;s Guide'>CSS Image Maps: A Beginner&#8217;s Guide</a></li><li><a href='http://www.noobcube.com/tutorials/html-css/fixed-header-footer-layout-a-beginners-guide-/' rel='bookmark' title='Permanent Link: Fixed Header &amp; Footer Layout: A Beginner&#8217;s Guide'>Fixed Header &amp; Footer Layout: A Beginner&#8217;s Guide</a></li></ul></div>]]></description>
		<wfw:commentRss>http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>CSS Background Image Sprites: A Beginner&#8217;s Guide</title>
		<link>http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/</link>
		<comments>http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/#comments</comments>
		<pubDate>Sat, 23 May 2009 04:22:16 +0000</pubDate>
		<dc:creator>Jarod Taylor</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Beginner]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Sprites]]></category>

		<guid isPermaLink="false">http://www.noobcube.com/?p=1</guid>
		<description><![CDATA[Without regurgitating too much history behind image sprites and how and why we should use them, we're going to create something practical that you can implement into your projects immediately. There are several resources and tutorials already covering <em>what</em> image sprites are and even <em>how</em> we should use them. Just google "CSS Image Sprites" and you'll return more than 2000 results. We're going to skip the history lesson and get you started using CSS image sprites today.

<div id="related-posts">  					<h3>Related Posts</h3><ul><li><a href='http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/' rel='bookmark' title='Permanent Link: CSS Image Maps: A Beginner&#8217;s Guide'>CSS Image Maps: A Beginner&#8217;s Guide</a></li><li><a href='http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/' rel='bookmark' title='Permanent Link: Horizontal and Vertical Centering Using CSS: A Beginner&#8217;s Guide'>Horizontal and Vertical Centering Using CSS: A Beginner&#8217;s Guide</a></li><li><a href='http://www.noobcube.com/tutorials/html-css/create-an-advanced-css-menu-using-the-hover-and-position-properties-/' rel='bookmark' title='Permanent Link: Create an Advanced CSS Menu Using the Hover and Position Properties'>Create an Advanced CSS Menu Using the Hover and Position Properties</a></li></ul></div>]]></description>
		<wfw:commentRss>http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>
