Abend Forum
Problembeschrieb:
Wenn ich nur a:hover alleine deklariere, dann "hovert" es auch.
In meinem Fall heisst dies, daß oben und unten am Link a eine Linie angezeigt wird. Das erreiche ich mit border-top/bottom-style:solid, sowie mit einem border-width: normal.
Jetzt wollte ich, daß im "ungehovertem" Zustand diese beiden Linien pro Link als "thin" angezeigt werden. Und nur bei "hover" als normal.
Beispiel: hier.
Auszug aus CSS-Code:
ul#navi_menue_a {
width: 90px;
margin: auto;
}
ul#navi_menue_a li {
list-style: none;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
ul#navi_menue_a a {
text-decoration: none;
font-size: 0.8em;
color: #333333;
}
ul#navi_menue_a a:link {
border-top-style: solid;
border-bottom-style: solid;
border-width: thin;
border-color: #ff8200;
}
ul#navi_menue_a a:visited {
border-top-style: solid;
border-bottom-style: solid;
border-width: thin;
border-color: #ff8200;
}
ul#navi_menue_a a:hover {
border-top-style: solid;
border-bottom-style: solid;
border-width: normal;
border-color: #ff8200;
}
Frage:
Wie schaffe ich es, daß die obere und untere zierlinien an allen Links vorhanden sind, aber nur an dem Link von "thin" auf "normal" switchen, auf dem der Mauszeiger steht?
Gruß HP-User