Rollover Div — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

This page's ID: 27301

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	If you're going to use nested unordered lists to create a menu on your page it's generally a good idea to give the top-level <ul> tag an idea, like "nav", and make sure that all your CSS references are done as children of this. The markup: [code] <ul id="nav"> <li>Item 1 <ul> <li>Sub Item 1.1</li> <li>Sub Item 1.2</li> <li>Sub Item 1.3</li> <li>Sub Item 1.4</li> </ul> </li> <li>Item 2 <ul> <li>Sub Item 2.1</li> <li>Sub Item 2.2</li> <li>Sub Item 2.3</li> <li>Sub Item 2.4</li> </ul> </li> <li>Item 3 <ul> <li>Sub Item 3.1</li> <li>Sub Item 3.2</li> <li>Sub Item 3.3</li> <li>Sub Item 3.4</li> </ul> </li> <li>Item 4 <ul> <li>Sub Item 4.1</li> <li>Sub Item 4.2</li> <li>Sub Item 4.3</li> <li>Sub Item 4.4</li> </ul> </li> </ul> [/code] And the CSS: [code] ul#nav { list-style-type: none; font-family: verdana, arial, sans-serif; font-size: 0.95em; } ul#nav li { } ul#nav li:hover { } ul#nav li ul { list-style-type: none; display: } ul#nav li:hover ul { display: visible; } ul#nav li ul li { } ul#nav li ul li a { } ul#nav li ul li a:hover { } [/code] Okay, I'm in a lazy mood, I must confess. Tha'ts only some of the elements, and I can't be bothered looking up the rest. See the [url=http://www.alistapart.com/articles/dropdowns/]suckerfish dropdowns[/url] article on ALA. That does it perfectly in both IE and FF, using a little javascript for IE. [url=http://sunday.yarinareth.net][img]http://members.ii.net/~skaarjj/tempus.gif[/img][/url] Justice 4 [url=http://www.justice4pat.com]Pat Richard[/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu