Hallo,
mein Vorhaben: Ich versuche, jetzt schon mit Verzweiflung, mit "hover" ein Linkelement einzublenden.
Hier meine Zeilen:
<style type="text/css">
.link {
BORDER: #BF1528 1px solid;
WIDTH: 180px;
BACKGROUND: #ffffff;
FONT-WEIGHT: 700;
MARGIN: 5px 0px;
DISPLAY: block;
COLOR: #BF1528;
LETTER-SPACING: 1px;
POSITION: RELATIVE;
LEFT: 10px;
Font-Size: 10px;
font-family:Verdana;
FONT-WEIGHT: 700;
text-align: center;
PADDING: 5px;
}
.link fehler {
}
.link fehlerA{
display: none;
}
.link.fehler:hover {
POSITION: relative;
COLOR: #BF1528;
LEFT: -3px;
LETTER-SPACING: 2px;
TOP: 0px;
BACKGROUND-COLOR: #BF1528;
BORDER: #FFF 0.1px solid;
Font-Size: 12px;
WIDTH: 210px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
}
.link.fehlerA:hover{
POSITION: relative;
COLOR: #BF1528;
LEFT: -3px;
LETTER-SPACING: 2px;
TOP: 0px;
BACKGROUND-COLOR: #BF1528;
BORDER: #FFF 0.1px solid;
Font-Size: 12px;
WIDTH: 210px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
}
.link.fehler:hover .link fehlerA{
display: none;
}
</style>
<a class="link fehler" href="#">Fehlerhandling</a>
<a class="link fehlerA" href="#">Fehlerhandling</a>
<a class="link fehlerA" href="#">Ansprechpartnernavi</a>
Ich vermute, hier liegt mein Fehler?
.link.fehler:hover .link fehlerA{
display: none;
}
Ahoi Jörg