|
|||
Vererbung im Menü nutzen
Hallo,
ich hab ein fertiges Menü, das alle Menüpunkte horizontal links anordnet: Code:
.menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; z-index:10; } .menu ul{ background:#E2001A; height:35px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; } .menu li a{ color:#000000; display:block; font-weight:normal; line-height:35px; margin:0px; padding:0px 25px; text-align:center; text-decoration:none; } .menu li a:active, .menu ul li:active a{ background: #E2001A url("images/navpfeil.gif") top center no-repeat; color:#FCCF0F; } .menu li a:hover, .menu ul li:hover a{ background: #E2001A url("images/navpfeil.gif") top center no-repeat; color:#FFFFFF; } .menu li ul{ background:#999; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:10; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li:active ul{ display:block; } .menu li li { background:url('images/sub_sep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; } .menu li:hover li a{ background:none; } .menu li:active li a{ background:none; } .menu li ul a{ display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background:#E2001A; border:0px; color:#ffffff; text-decoration:none; } .menu li ul a:active, .menu li ul li:active a{ background:#E2001A; border:0px; color:#ffffff; text-decoration:none; } .menu p{ clear:left; } Bei der Vererbung müsste ich ja nur das abgeändert werden Code:
.menu li{ float:right; padding:0px; } |
Sponsored Links |
|
|||
Vererbung bedeutet, dass etwas von Vorfahren an Nachfahren weitergegeben wird. Du meinst sicher etwas anderes.
Wenn du bestimmte Elemente anders als andere formatieren willst, dann brauchst du einen passenden Selektor. Dieser ergibt sich in irgendeiner Form aus der Struktur des HTML. Diese kennen wir nicht. Bitte lies und beachte die Hinweise für Fragende.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Vertikale Navigation: IE6 - Whitespace-Bug? | b.erry | CSS | 6 | 12.02.2009 17:46 |
Tab Menü Problem | BloodHunger | CSS | 6 | 22.12.2008 17:04 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 12:26 |
Navigation - Menü | T.S. | CSS | 6 | 18.02.2006 19:49 |