|
|||
Problem mit Suckerfish Flyout-Menü
Hallo zusammen!
Ich habe ein Problem mit dem Suckerfish Flyout-Menü: Bei mir hat jeder Hauptpunkt eine andere Hintergrundgrafik und dadurch auch eine andere Breite. Wie kann ich jetzt individuell im CSS jedem LI eine andere Hintergrundgrafik uns andere Breite geben? Hier der Code: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>Menue</title> <style type="text/css"> #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; width: 10em; } #nav li { /* all list items */ float: left; width: 10em; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; background: orange; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; } </style> <script type="text/javascript"><!--//--><![CDATA[//><!-- sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //--><!]]></script> </head> <body> <ul id="nav"> <li><a href="#">1</a> <ul> <li><a href="#">1.1</a></li> <li><a href="#">1.2</a></li> <li><a href="#">1.3</a></li> <li><a href="#">1.4</a></li> </ul> </li> <li><a href="#">2</a> <ul> <li><a href="#">2.1</a></li> <li><a href="#">2.2</a></li> <li><a href="#">2.3</a></li> <li><a href="#">2.4</a></li> </ul> </li> </ul> </body> </html> Thx! Bis dann, churchill11 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Flyout bei einem horizontalem Menü | sharkbait | CSS | 1 | 07.08.2009 22:28 |
hover problem mit css flyout und flash | opa-rudi | CSS | 2 | 07.05.2008 08:58 |
Problem mit padding im Menü | Sp33dy G0nz4l3s | CSS | 1 | 22.09.2006 20:09 |
CSS Flyout Menü - Verständnisproblem | mgn84 | CSS | 31 | 25.07.2006 21:55 |
Das Menü und mein Problem | Sven | CSS | 1 | 13.03.2005 03:07 |