Hallo liebe Leut,
ich habe auf meiner Seite Links, die ich mit einem <a href...> bediene, wobei die Textfarbe sich nur dann verändern soll, wenn man mit der Maus drüber fährt. Folgend gelöst:
Index-Datei:
[...
<a class="textlink" href="index.php">Startseite</a>
...]
CSS-Datei
[...
a:link.textlink, a:visited.textlink, a:focus.textlink, a:active.textlink
{
font-size:14px;
color:white;
font-weight:bold;
text-decoration:none;
}
a:hover.textlink
{
font-size:14px;
font-weight:bold;
color:#D58129;
text-decoration:underline;
}
...]
Soweit setzt sowohl Firefox als auch der IE alles so um, wie ich es wollte.
Nun möchte ich über einen weiteren <a href...> verschiedene Bilderchens darstellen, die erst dann den Rand farblich verändern, wenn man mit der Maus drüber fährt. Umgesetzt wie folgt:
Index-Datei:
[...
<a class="bildlink" href="index.php"><img class="bild" name="test" src="test.jpg" border="4"></a>
...]
CSS-Datei
[...
a:link.bildlink, a:visited.bildlink, a:focus.bildlink, a:active.bildlink
{
color:#000000;
}
a:hover.bildlink
{
color:#D58129;
}
...]
Firefox macht alles richtig, der IE allerdings stellt die Rahmen in hellblau dar und ändert auch nichts daran, wenn ich mit der Maus drüber fahre. Der erste Link 'textlink' bleibt weiterhin richtig dargestellt.
Kann der IE nicht mit zwei verschiedenen <a href...>´s um oder habe ich da was übersehen?
Übrigens habe ich es auch nicht geschafft den Borderrand von 4px für meine Bilderchens (class=bild) in CSS zu definieren (border:4px;) wurde ignoriert...
Vielen Dank für Hilfestellung/en
Gruß Björn