mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:00 Benutzername: Passwort: Auto-Login

Thema: Rahmen-hover-Effekt um verlinktes Bild im IE vom 12.05.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Rahmen-hover-Effekt um verlinktes Bild im IE
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

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 12.05.2007 14:38
Titel

Antworten mit Zitat Zum Seitenanfang

korrigier erst mal die definition von "border":
http://www.css4you.de/border.html
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Narady
Threadersteller

Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 12.05.2007 19:31
Titel

Also...

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst So 13.05.2007 09:36
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.css4you.de/

schau dir da mal die Rahmen Definitionen an ...
  View user's profile Private Nachricht senden
Narady
Threadersteller

Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 13.05.2007 10:55
Titel

-

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.05.2007 11:05
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn Du einfach die Uri postest oder zumindest den
kompletten Code wärs für die Hilfsbereiten etwas
einfacher... Lächel
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.05.2007 11:20
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Narady
Threadersteller

Dabei seit: 12.05.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 13.05.2007 13:02
Titel

Antworten mit Zitat Zum Seitenanfang

Das war's, vielen Dank, m! Ich wusste nicht, dass man "a:visited img" schreiben kann, verzeiht...
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.