<?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>GeekMum &#187; CSS</title>
	<atom:link href="http://www.geekmum.com.au/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.geekmum.com.au</link>
	<description>Geekmum - gadgets, kids, web design, google, geek stuff</description>
	<lastBuildDate>Fri, 03 Sep 2010 11:29:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS Dropdown menus</title>
		<link>http://www.geekmum.com.au/css-dropdown-menus/</link>
		<comments>http://www.geekmum.com.au/css-dropdown-menus/#comments</comments>
		<pubDate>Tue, 15 Aug 2006 01:30:42 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.geekmum.com.au/2006/08/15/css-dropdown-menus/</guid>
		<description><![CDATA[It&#8217;s definitely the week for updating my blog.
I was using basic menu formatting for my menu pages and posts, but they were gettingÃ‚Â  too long, so it was time to collapseÃ‚Â them into a pull-down menu.
Preferring a CSS solution rather than compulsory Javascript, I tried copying the code from A List Apart. I&#8217;ve happily [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s definitely the week for updating my blog.</p>
<p>I was using basic menu formatting for my menu pages and posts, but they were gettingÃ‚Â  too long, so it was time to collapseÃ‚Â them into a pull-down menu.</p>
<p>Preferring a CSS solution rather than compulsory Javascript, I tried copying the code from <a title="AListApart CSS menus" href="http://www.alistapart.com/articles/horizdropdowns" target="_blank">A List Apart</a>. I&#8217;ve happily used the menu code before on <a title="Womens Health Fitness" href="http://www.womens-health-and-fitness.com" target="_blank">Womens Health and Fitness</a>.</p>
<p>It hasn&#8217;t worked perfectly here &#8211; the hovers on the primary menu don&#8217;t seem to always work &#8211; sometimes you have to hover again slowly to stop the drop downs from disappearing. And I haven&#8217;t used a background for now, so it doesn&#8217;t overlay over the posts properly, but I&#8217;ll fix it next week. Enough time on menus for now.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li><a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;title=CSS%20Dropdown%20menus" title="Digg"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://sphinn.com/submit.php?url=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;title=CSS%20Dropdown%20menus" title="Sphinn"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;title=CSS%20Dropdown%20menus" title="del.icio.us"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;t=CSS%20Dropdown%20menus" title="Facebook"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;title=CSS%20Dropdown%20menus" title="Mixx"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;title=CSS%20Dropdown%20menus" title="Google"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F&amp;title=CSS%20Dropdown%20menus" title="StumbleUpon"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.geekmum.com.au%2Fcss-dropdown-menus%2F" title="Technorati"><img src="http://www.geekmum.com.au/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.geekmum.com.au/css-dropdown-menus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
