✔ a:hover funktioniert nicht

[simste]

Hallo,

ich habe ein Problem. a:hover funktioniert bei mir nicht.
Ich benutze folgenden Code:

a:link{color:blue; text-decoration:none}
a:hover{color:blue; text-decoration:underline overline}
a:visited{color:blue; text-decoration:none}
a:active{color:blue; text-decoration:underline}

Es wird alles korrekt angezeigt, a:active funktioniert auch, aber wenn ich über den Link gehe verändert sich nichts.
Kann mir jemand helfen?

Tschüss

 

[Maik]

Hi,

du hast die Pseudoklassen in der falschen Reihenfolge notiert, weshalb a:hover nicht funktioniert.

a:link{color:blue; text-decoration:none}
a:visited{color:blue; text-decoration:none}
a:hover{color:blue; text-decoration:underline overline}
a:active{color:blue; text-decoration:underline}

Oder in Kurzform:

a:link,a:visited{color:blue; text-decoration:none}
a:hover{color:blue; text-decoration:underline overline}
a:active{color:blue; text-decoration:underline}

 

[simste]

Danke, jetzt funktioniert es!

Tschüss

 

[schutzgeist]

Hallo,

ich hab momentan ein ähnliches Problem, nur dass bei mir a:active nicht funktionieren will.
Könnte es evtl. daran liegen, dass ich den Inhalt dynamisch aus der Datenbank hole?

Hier mal der Code:

Navi div:

<div id="navi">
<!-- deutsch -->
<% if request.QueryString("lang") = "d" or request.QueryString("lang") = "" then %>
<ul>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=1&lang=d">Start</a></li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=2&lang=d">Unternehmen</a>
<% if request.QueryString("ID") = 2 or request.QueryString("ID") = 12 or request.QueryString("ID") = 13 or request.QueryString("ID") = 14 Then %>
<ul><li><img src="img/quad.gif" /> <a href="index.asp?ID=13&lang=d">Chronik</a></li>
  <li><img src="img/quad.gif" /> <a href="index.asp?ID=12&amp;lang=d">Zertifikate</a></li>
  </ul>
<% end if %>
</li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=3&lang=d">Chirurgische Instrumente</a>
<% if request.QueryString("ID") = 3 or request.QueryString("ID") = 8 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=8&lang=d">Produktgruppen</a></li>
</ul>
<% end if %>
</li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=4&lang=d">CNC-Frästechnik</a>
<% if request.QueryString("ID") = 4 or request.QueryString("ID") = 9 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=9&lang=d">Maschinenpark</a></li>
</ul>
<% end if %>
</li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=5&lang=d">Innovationen</a></li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=6&lang=d">Kontakt</a>
<% if request.QueryString("ID") = 6 or request.QueryString("ID") = 15 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=15&lang=d">Anfahrt</a></li>
</ul>
<% end if %>
</li>
</ul>
<% end if %>

<!-- englisch -->
<% if request.QueryString("lang") = "e" then %>
<ul>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=1&lang=e">Start</a></li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=2&lang=e">Company</a>
<% if request.QueryString("ID") = 2 or request.QueryString("ID") = 12 or request.QueryString("ID") = 13 or request.QueryString("ID") = 14 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=13&amp;lang=e">About</a></li>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=12&lang=e">Certificates</a></li>
</ul>
<% end if %>
</li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=3&lang=e">Suture Instruments</a>
<% if request.QueryString("ID") = 3 or request.QueryString("ID") = 8 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=8&lang=e">Product</a>groups</li>
</ul>
<% end if %>
</li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=4&lang=e">CNC-Milling Technique</a>
<% if request.QueryString("ID") = 4 or request.QueryString("ID") = 9 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=9&lang=e">Machinery</a></li>
</ul>
<% end if %>
</li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=5&lang=e">Innovations</a></li>
<li><img src="img/pfeil.gif" /> <a href="index.asp?ID=6&lang=e">Contact</a>
<% if request.QueryString("ID") = 6 or request.QueryString("ID") = 15 Then %>
<ul>
<li><img src="img/quad.gif" /> <a href="index.asp?ID=15&lang=e">Directions</a></li>
</ul>
<% end if %>
</li>
</ul>
<% end if %>
</div>

CSS:

#navi a:link {
color: #000;
text-decoration: none;
}
#navi a:visited {
color: #000;
text-decoration: none;
}
#navi a:hover {
text-decoration: underline;
}
#navi a:active {
text-decoration: underline;
}

Danke schonmal,
Steffi

 

[Maik]

Hi,

:active gilt nur bei gedrückter Maustaste, sobald sie losgelassen wird, verliert die Pseudoklasse ihre Gültigkeit.

Oder funktioniert das so nicht?

 

[schutzgeist]

Habe grad mal die hover Eigenschaft auf none gesetzt um es auszuprobieren.. Wenn ich den Link angeklickt lasse, wird er nicht unterstrichen.

Ich wusste bisher garnicht, dass active nur für das 'Anklicken' gilt. Dachte bisher eigentlich, dass der Link so bleibt, solang er aktiv ist.

Dann stellt sich jetzt die Frage, wie krieg ich es hin, dass der Link unterstrichen bleibt, solange der Inhalt aktiv ist?