Strich unter Link auf gleiche Breite setzen wie den Button
Hallo Zusammen,
wieder mal eine Anfängerfrage von mir---ich hänge wieder mal :-(
Ich habe eine waagerechte Navigation---wenn ich über die Links fahre (hover) soll ein Strich unter dem Button erscheinen.
Tut er auch....jedoch ist der schmaler als der Button....setze ich im css auch padding links unt rechts auf 10px, vererbt sich diese Eigenschaft irgendwie und der Button wird auch 10 breiter---der Strich ist wieder zu schmal.
---kann mir jemand beim modifizieren der css helfen?
Code:
#header nav.mod_navigation {
top:12%;
position:fixed;
margin-left:-200px;
left:50%;
}
#header nav.mod_navigation li {
display:inline;
padding:10px;
background-color:#fff;
list-style-type:none;
}
a:link,
a:visited,
a:active {
text-decoration:none;
color:#000;
}
a:hover {
padding:0 0 10px;
background-color:#fff;
border-bottom:4px solid #db4040;
font-weight:normal;
color:#000;
}
li span {
padding:0 0 10px;
border-bottom:4px solid #db4040;
font-weight:bold;
color:#000;
}
Vielen Dank vorab für eure Hilfe:-)
