Moin,
folgendes Problem...ich bin mit meiner Navi schon ziemlich zufrieden, nur..
als hover ist n bg gewählt (gelb), bekomme ich es hin das die active seite keine box bekommt? dann es wird auch nicht die richtige dargestellt, sondern nur eine kleine..
mensch hab ich mich aber auch gut ausgedrückt!
Code:
#navigation
{
margin-right:auto;
padding-top:140px;
padding-left:44px;
font-family:Helvetica;
font-weight:bold;
}
.mod_navigation ul.level_1 span.active
{
color:#FF0000;
background-color:none
}
.mod_navigation ul.level_1 span.active
{
text-align:center;
display:block;
font-family:helvetica;
font-color:#FF0000;
}
.mod_navigation ul.level_1 span.active:hover,
.mod_navigation ul.level_1 span.active:focus,
.mod_navigation ul.level_1 span.active:active
{
color:#FF0000;
}
.mod_navigation ul.level_1 li
{
float:left;
display:block;
margin:0 4px 3px;
padding:5px 10px;
}
.mod_navigation ul li:hover,
.mod_navigation ul li:active,
.mod_navigation ul li:focus
{
background-color: #FFD600
}
.mod_navigation ul li:hover ul.level_2,
.mod_navigation ul li:active ul.level_2,
.mod_navigation ul li:focus ul.level_2
{
margin:5px 0 0 -10px;
}
.mod_navigation ul.level_1 li a
{
padding-bottom:16px;
display:block;
color:#FFD600;
text-decoration:none;
text-align:center;
}
.mod_navigation ul.level_1 li:hover a,
.mod_navigation ul.level_1 li:active a,
.mod_navigation ul.level_1 li:focus a
{
color:#FF0000
}
.mod_navigation ul.level_2
{
padding-bottom:22px;
background-color:#FF0000;
width:120px;
position:absolute;
display:block;
}
danke schon jetzt..
Lesezeichen