Graphicalwonder - Shane Perran's SharePoint Customization Blog

« SharePoint Customization: Office and SharePoint Registry Customization | Main | Internet Explorer 7: Asa Dotzler from Mozilla/Firefox talks about IE 7 »

February 03, 2006

Internet Explorer 7: CSS Drop Down Navigation

One CSS fix the Internet Explorer 7 Team promised with the new version was the ability to add pseudo classes to arbitrary elements. They made good on that promise.

For example: adding :hover to a li

If you look at the significance of this you would have to think back to the days of the incredibly bloated javascript/dhtml drop down menus.

Gone are those days! Now we can make super-lean menu systems all with proper markup. Minus the (pretty) factor we can now make a drop down menu using a simple unorderd list and 2 simple CSS rules.

CSS
li ul {display:none;}
li:hover ul {display:block}

HTML

<ul>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
</ul>
</li>
</ul>

Posted by Shane at February 3, 2006 03:26 PM

Trackback Pings

TrackBack URL for this entry:
http://www.graphicalwonder.com/cgi-bin/mt-tb.cgi/299

Comments

Post a comment




Remember Me?

(you may use HTML tags for style)

divider.jpg
April 2006
Sun Mon Tue Wed Thu Fri Sat
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
divider.jpg
Categories
divider.jpg divider.jpg