|
|||
Menue mit Kontext-Selektor: Was ist falsch??
Hallo zusammen!
Ich möchte ein Menü erstellen, bei dem ein im Moment Aktiver Button mittels eines Kontext-Selektors hervorgehoben wird. Also wenn ich mich z.B. aktuell im Menüpunkt "Menue2" befinde soll dieser Farbig hinterlegt werden. Leider funktioniert es nicht, und ich weiß einfach nicht wo der Fehler liegt... ---> Nachtrag: Gerade eben habe ich bemerkt, dass das ganze im Internet Explorer funktioniert. Aber nicht im Firefox..?? Woran liegt das ?? Hier mein Code: html: Code:
<body id="menue1"> <!--Hauptmenue--> <div class="menue"> <ul><li id="menue1Nav"><a href="men1.htm">Men1</a></li><li id="menue2Nav"><a href="men2.htm">Men2</a></li></ul> </div> css: Code:
div.menue { bestimmte definitionen, lass ich weg, sicher unwichtig für meine frage?! } div.menue ul { list-style:none; } div.menue li { margin:0; padding:0; } div.menue a:link, div.menue a:visited { text-decoration: none; font-size: 11px; display:block; height: 20px; width: 120px; /*-6px padding left!*/ margin:8px 0; /*Abstand zwischen den buttons*/ padding-left: 6px; /*position text*/ padding-top: 3px; background-color:#0066b3; color: #ffffff; } #menue1 #menue1Nav a, #menue2 #menue2Nav a{ background-color: green; } so, ich hoffe es ist einigermaßen anschaulich!? Ich steh absolut aufm Schlauch, warum das nicht geht... Also bitte helft mir Lieben Dank schonmal! VIV Geändert von *vivian (12.09.2008 um 17:31 Uhr) |
Sponsored Links |
|
|||
Bei mir geht es übrigens, egal welcher Browser:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <style type="text/css"> div.menue ul { list-style:none; } div.menue li { margin:0; padding:0; } div.menue a:link, div.menue a:visited { text-decoration: none; font-size: 11px; display:block; height: 20px; width: 120px; /*-6px padding left!*/ margin:8px 0; /*Abstand zwischen den buttons*/ padding-left: 6px; /*position text*/ padding-top: 3px; background-color:#0066b3; color: #ffffff; } #menue1 #menue1Nav a, #menue2 #menue2Nav a{ background-color: green; } </style> </head> <body id="menue1"> <div class="menue"> <ul><li id="menue1Nav"><a href="men1.htm">Men1</a></li><li id="menue2Nav"><a href="men2.htm">Men2</a></li></ul> </div> </body> </html> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Was ist an meinem CSS Style Code falsch? | bayway | CSS | 3 | 30.07.2009 00:24 |
IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt | Ste | CSS | 0 | 25.02.2009 14:46 |
IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig | nick | CSS | 6 | 19.08.2006 03:02 |
Site mit Firefox --> Ok ! Mit IE völlig falsch. Warum ? | mastermsc | CSS | 3 | 05.01.2005 22:46 |