Sieht mir immer noch zu unaufgeräumt aus. Probier mal das:
Code:
/* ... Navigation ...
-------------------------------------------------------------------------------------------------*/
/** alle Navigationen */
.mod_navigation ul,
.mod_navigation li {
list-style: none;
margin: 0;
line-height: 1;
}
.mod_navigation a,
.mod_navigation span {
display: block;
text-decoration: none;
}
/** Hauptnavigation horizontal */
#mainnav li {
float: left;
}
#mainnav a,
#mainnav span {
color: #597f91;
background-color: #D7D7D7;
padding: .3em 25px;
}
#mainnav a:focus,
#mainnav a:hover,
#mainnav a:active,
#mainnav span,
#mainnav .trail
{
color: #ce1216;
background-color: #C9C9C9;
}
/** Subnavigation links vertikal (erstmal Level 1 bzw. gültig für alle Level) */
#subnav a,
#subnav span {
color: #597f91;
background-color: #C9C9C9;
font-weight: bold;
padding: .3em .5em .3em 25px;
margin-bottom: 10px;
}
#subnav a:focus,
#subnav a:hover,
#subnav a:active,
#subnav span
{
color: #ce1216;
background-color: #E0C2B1;
}
/** Änderungen im Level 2 (gilt erstmal auch für 3 und 4) */
#subnav .level_2 a,
#subnav .level_2 span {
padding-left: 35px;
background-color: #fff;
text-transform: uppercase;
}
/** Änderungen im Level 3 (gilt erstmal auch für 4) */
#subnav .level_3 a,
#subnav .level_3 span {
padding-left: 45px;
text-transform: none;
}
/** Änderungen im Level 4 */
#subnav .level_4 a,
#subnav .level_4 span {
padding-left: 0;
margin-left: 50px;
border-bottom: 1px solid #000;
font-size: 90%;
font-weight: normal;
}
/* ... Navigation ... END
-------------------------------------------------------------------------------------------------*/
Breite der Navi ist nicht nötig, #left .inside hat ein padding und die Breite ergibt sich aus dem zur Verfügung stehenden Raum.
mit .mod_navigation sprichst du alle Navigationen an. Dann kannst du den einzelnen Navigationen noch IDs mitgeben z.B. #mainnav und #subnav. Du kannst die linke Navigation natürlich auch z.B. mit #left .mod_navigation ansprechen.
Kontrolliere auch dein line-height der LIs, default ist '1'. Du solltest auf jeden Fall im Frontend mit Firebug alles testen.
Gruß Andreas
ps Schade, dass es hier keine CSS-Syntax gibt
Lesezeichen