JL: Linkelement ein-/ausblenden

Beitrag lesen

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