Autor |
Nachricht |
Narady
Threadersteller
Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 12.05.2007 12:05
Titel Rahmen-hover-Effekt um verlinktes Bild im IE |
|
|
Ich möchte, dass der Rahmen um ein verlinktes Bild herum nur dann erscheint, wenn man mit der Maus drüberfährt. Im Firefox funktioniert es perfekt mit
a:link { color:black; text-decoration:none; border:black; } und a:hover { color:#C8C8C8; text-decoration:underline; border:#C8C8C8; }
weil der Hintergrund schwarz ist. Allerdings reagiert der IE nicht darauf und stellt die Rahmen in den normalen Linkfarben dar. Wenn ich im img-Tag style="border:none;" schreibe, ist der hover-Effekt weg. Was kann ich dagegen tun?
Ich hab hier schon im Forum gesucht, viel gefunden, aber nichts, das mit weiterhalf.
Ich bin dankbar für jede Antwort!
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Narady
Threadersteller
Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 12.05.2007 19:31
Titel Also... |
|
|
Wenn ich "border-style:solid;" reinschreibe, bekomme ich zwar den hover-Effekt, aber der Rahmen in den Linkfarben bleibt im IE erhalten, es wird nur ein weiterer Rahmen außen angelegt; der hover bezieht sich auf den äußeren Rahmen. Außerdem wird nun im Firefox ein Halbrahmen unterhalb des beim Mouseover erscheinenden Rahmens angezeigt. Was mache ich falsch?
|
|
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
|
|
|
|
Narady
Threadersteller
Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 13.05.2007 10:55
Titel - |
|
|
Ich habe es mir doch angeschaut und verschiedene Kombinationen ausprobiert, aber ich bekomme es einfach nicht auf die Reihe! Es scheint für euch so leicht und offensichtlich zu sein, kann mir nicht jemand einfach sagen, was ich falsch mache?
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.05.2007 11:05
Titel
|
|
|
Wenn Du einfach die Uri postest oder zumindest den
kompletten Code wärs für die Hilfsbereiten etwas
einfacher...
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.05.2007 11:20
Titel
|
|
|
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Narady</title>
<style type="text/css">
body {
background: #000;
}
a:link img,
a:visited img {
border: 3px solid #000;
}
a:hover img,
a:active img {
border: 3px solid #f00;
}
</style>
</head>
<body>
<a href="#" title=""><img src="img.gif" alt="" title="" /></a>
<a href="#" title=""><img src="img.gif" alt="" title="" /></a>
<a href="#" title=""><img src="img.gif" alt="" title="" /></a>
<a href="#" title=""><img src="img.gif" alt="" title="" /></a>
<a href="#" title=""><img src="img.gif" alt="" title="" /></a>
<a href="#" title=""><img src="img.gif" alt="" title="" /></a>
</body>
</html> |
|
|
|
|
|
Narady
Threadersteller
Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 13.05.2007 13:02
Titel
|
|
|
Das war's, vielen Dank, m! Ich wusste nicht, dass man "a:visited img" schreiben kann, verzeiht...
|
|
|
|
|
|
|
|
Ähnliche Themen |
[HTML] Rahmen um verlinktes Bild
hover effekt über bild - ajax, javascript?
hover-Button/hover-Bild wird darunter eingefügt
CSS: Rahmen-Hover funktioniert nur im IE...
a:hover effekt
CSS Hover Effekt im IE
|
|