<?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 Image Maps</title>
	<atom:link href="http://www.noobcube.com/archives/tags/css-image-maps/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>CSS Image Maps: A Beginner&#8217;s Guide</title>
		<link>http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/</link>
		<comments>http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 19:50:58 +0000</pubDate>
		<dc:creator>Jarod Taylor</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Beginner]]></category>
		<category><![CDATA[CSS Image Maps]]></category>
		<category><![CDATA[How-To]]></category>

		<guid isPermaLink="false">http://www.noobcube.com/?p=971</guid>
		<description><![CDATA[While they may not be used as often as they once were in the heyday of table based web design, image maps can still be quite useful in situations that call for it. Unfortunately, for beginners, achieving this with CSS alone, can be a difficult concept to grasp.

In this tutorial, we're not only going to get you up to speed on <em>how</em> to create a CSS image map, but, we're also going to take it a couple steps further and add hover states to our image map using a <a href="http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/">CSS background image sprite</a>, as well as a "tooltip" like popup.

<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/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/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/css-image-maps-a-beginners-guide-/feed/</wfw:commentRss>
		<slash:comments>52</slash:comments>
		</item>
	</channel>
</rss>
