Brauche unbedingt Hilfe bei CSS Menü..!!!

[thonsen]

Hallo.

Ich hoffe jemand von euch kann mir helfen. Ich habe am Montag meine praktische Prüfung und stehe vor einem Problem.

Auf der Internetseite welche ich bauen muß, gibt es eine Navigation, bei welcher die Links beim darüberfahren mit der Maus die Farbe wechseln.
Das funktioniert soweit auch alles ganz gut. Wenn allerdings einer dieser Links besucht wurde ändert sich anschließend beim darüber fahren mit der Maus der Link nicht mehr.

Damit Ihr seht was ich meine befindet sich unten die style.css sowie der Teil aus der index.html.

DIV.navi {
width:83px;height:25px;background-color:#333333;
font-family:Tahoma,Verdana,arial;
font-size:12px;
font-weight:normal;
text-align:center;
padding-top:6px;
text-decoration:none;
color:#efefef;


}

DIV.navi a:hover {color:#ff9933;}

DIV.navi a:link, DIV.navi a:visited {
COLOR: #efefef;
vertical-align:middle;
text-align:center;
TEXT-DECORATION: none;
display:block;

}

.select {width:83px;height:25px;background-color:#333333;color:#ff9933;
font-family:Tahoma,Verdana,arial;
font-size:12px;
font-weight:bold;
text-align:center;
padding-top:6px;
text-decoration:none;}



<!-- Navigation oben -->
<tr>
<td><div class="select">Home</div></td>
<td><div class="navi"><a href="leistung.html">Leistung</a></div></td>
<td><div class="navi"><a href="treffen.html">Treffen</a><div></td>
<td><div class="navi"><a href="touren.html">Touren</a><div></td>
<td><div class="navi"><a href="training.html">Trainings</a><div></td>
<td><div class="navi"><a href="bremsen.html">Shop</a><div></td>
<td><div class="navi"><a href="umbau.html">Umbau Tipps</a><div></td>
<td><div class="navi"><a href="kontakt.html">Kontakt</a><div></td>
<td><div class="navi"><a href="impr.html">Impressum</a><div></td>
<td width="3" bgcolor="#333333"></td>
</tr>
<!-- Ende Navigation oben -->



Ich bin Euch für jede Hilfe sehr dankbar.

MFG Thonsen...

 

[Harry Hunt]

Probier mal

div.navi, div.select {
    width:83px;
    height:25px;
    background-color:#333333;
    font-family:Tahoma,Verdana,arial;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    padding-top:6px;
    text-decoration:none;
    color:#efefef;
}

div.select {
  /*  Hier nur auflisten, was sich zu div.navi ändert */ 
  color:#ff9933;
}

/* .navi UND .select */
div.navi a:hover, div.select a:hover {
  color:#ff9933;
}

div.navi a:link, div.navi a:visited {
COLOR: #efefef;
vertical-align:middle;
text-align:center;
TEXT-DECORATION: none;
display:block;
}

Du hast insgesamt relativ viel doppelt. Alles was div.navi und div.select gemeinsam haben musst du auch nur einmal angeben.

 

[ZeitGeist]

hover und active müssen immer nach link und visited stehen da diese sonst überschrieben werden, ändere einfach mal deine reihenfolge, dann sollte es gehen!

 

[bine]

Punkt an Zeitgeist

 

[Harry Hunt]

Nagut, ich geb ihn ja her. Da --> .