CSS Hover bei Bildern im IE

juhuwoorps · 01.03.2006, 07:44

Ich habe in meinem CCS Style Eigenschaften für hover und so weiter angegeben.
Funktioniert auch soweit wie es soll.

Nur im IE werden die Eigenschaften nicht auf Bilderlinks angewendet.
Laut ccs4you werden hover,link usw vim IE nur teilweise unterstützt.
Normale Textlinks funktionieren, nur aber eben nicht mit Bildern.
Im FF geht alles einwandfrei.

Gibt es eine Möglichkeit für den IE oder muss ich darauf verzichten?

Hier die CSS:

Code:

A:link {
	text-decoration: none;
	color: #993300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;

}

A:visited {
	text-decoration: none;
	color: #993300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

A:active {
	text-decoration: none;
	color: #993300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

A:hover {
	color: #FF9933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-align: right;
}

HStev · 01.03.2006, 08:42

Geht nur mit Tricks ... du must das A Tag verwenden anders gehts sonst nur mit Javascript ...

hier findest du ein paar CSS Tricks
http://css.fractatulum.net/index.htm

juhuwoorps · 01.03.2006, 10:40

Ich verwende ja das A Tag:

Code:

<img src="pfad/zum/bild.jpg>

Aber die Formatierung wird im IE nicht angenommen.

Oder meinst du etwas anders?

Baltasar · 01.03.2006, 11:41

was sollte denn passieren. wenn ich das richtig sehe änderst du nur einstellungen für die schrift/den text. was sollte denn deiner meinung nach bei bildern passieren?

juhuwoorps · 01.03.2006, 13:41

Im FF habe ich dann einen Rahmen um das Bild in den angegebenen Farben, die auch auch hovern und so.
Nur im IE hab ich einfach einen blauen Rahmen.

Hier könnt ihr es sehen:

http://www.swuttig.de/bildergalerie.php

Im FF so wie ich es haben will, im IE falsche Farbe und kein Hover!

HStev · 01.03.2006, 14:19

Du kannst 2 Bilder verwenden und die mittels

Code:

a:hover .img_hover { display: block; }
a:hover .img_out { display: none; }
a .img_hover { display: none;}
a .img_out { display: block; }


[img][/img][img][/img]

ein und ausblenden.

Das sollte eigentlich funktionieren.

[edit] Kleiner Fehler so funktionierts.

juhuwoorps · 01.03.2006, 14:48

Ich will ja keine Wechselbilder beim Hovern. Es soll sich lediglich der Rahmen ändern.
Im FF gehts ja auch, nur im IE habe ich anstatt dem braunen Rahmen vom CSS einen blauen!

HStev · 01.03.2006, 15:54

Achso noch einfacher

Code:

a:hover img { border: 5px outset grey; }
a img { border: 5px inset grey; }

bittschön

juhuwoorps · 01.03.2006, 16:55

Funktioniert so leider auch nur im FF, und da funktioniert es ja mit dem CSS Style von oben

zapate · 01.03.2006, 17:06

vielleicht ein zweites a-tag in einer klasse definieren und dem einen border geben und es wie ein div handhaben, das muss einfach klappen.

und nehm mal das border=0 aus dem img-tag raus

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verlinkungen auf Bildern	Horvi	PHP Tipps 2008	5	23.05.2008 13:55
bilderausgabe nach x bildern in einer reihe unterbrechen	Nick01	Datenbanken	6	25.11.2007 00:31
Sichtbarkeit von Bildern	Spezi	PHP Tipps 2008	2	15.09.2007 20:23
JS: Spezieller Image Hover	GSJLink	HTML, Usability und Barrierefreiheit	7	18.06.2007 17:24
CSS Hover	JanM	HTML, Usability und Barrierefreiheit	3	27.06.2006 21:13
IE interpretiert :hover nicht	scooter	HTML, Usability und Barrierefreiheit	2	29.03.2006 12:04
image map mit hover		HTML, Usability und Barrierefreiheit	1	21.12.2005 16:04
Problem mit der Ausrichtung von Bildern		HTML, Usability und Barrierefreiheit	8	26.08.2005 19:16
Speichern von Text und Bildern verhindern		PHP Tipps 2005-2	6	26.08.2005 19:13
daten von bildern auf einem anderen server abfragen	netti	PHP Tipps 2005-2	3	05.08.2005 14:27
farbe von tabellenzeile verändern bei hover		HTML, Usability und Barrierefreiheit	4	04.07.2005 09:40
[CSS] Table und :hover ???		HTML, Usability und Barrierefreiheit	16	21.01.2005 15:17
Random von Bildern ohne Browser neu laden		PHP Tipps 2005	6	20.01.2005 19:56
update von Bildern funktioniert nicht		PHP Tipps 2004	1	05.10.2004 08:39
rgb-wert von bildern auslesen		PHP-Fortgeschrittene	1	20.07.2004 11:41

01.03.2006, 07:44
juhuwoorps Erfahrener Benutzer Registriert seit: 21.07.2004 Beiträge: 377	CSS Hover bei Bildern im IE Ich habe in meinem CCS Style Eigenschaften für hover und so weiter angegeben. Funktioniert auch soweit wie es soll. Nur im IE werden die Eigenschaften nicht auf Bilderlinks angewendet. Laut ccs4you werden hover,link usw vim IE nur teilweise unterstützt. Normale Textlinks funktionieren, nur aber eben nicht mit Bildern. Im FF geht alles einwandfrei. Gibt es eine Möglichkeit für den IE oder muss ich darauf verzichten? Hier die CSS: Code: A:link { text-decoration: none; color: #993300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; } A:visited { text-decoration: none; color: #993300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; } A:active { text-decoration: none; color: #993300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; } A:hover { color: #FF9933; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; text-align: right; } __________________ Und geht auch alles in die Binsen, immer heftig weiter grinsen!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.03.2006, 08:42
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	Geht nur mit Tricks ... du must das A Tag verwenden anders gehts sonst nur mit Javascript ... hier findest du ein paar CSS Tricks http://css.fractatulum.net/index.htm __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.

01.03.2006, 10:40
juhuwoorps Erfahrener Benutzer Registriert seit: 21.07.2004 Beiträge: 377	Ich verwende ja das A Tag: Code: <img src="pfad/zum/bild.jpg> Aber die Formatierung wird im IE nicht angenommen. Oder meinst du etwas anders? __________________ Und geht auch alles in die Binsen, immer heftig weiter grinsen!

01.03.2006, 11:41
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	was sollte denn passieren. wenn ich das richtig sehe änderst du nur einstellungen für die schrift/den text. was sollte denn deiner meinung nach bei bildern passieren?

01.03.2006, 13:41
juhuwoorps Erfahrener Benutzer Registriert seit: 21.07.2004 Beiträge: 377	Im FF habe ich dann einen Rahmen um das Bild in den angegebenen Farben, die auch auch hovern und so. Nur im IE hab ich einfach einen blauen Rahmen. Hier könnt ihr es sehen: http://www.swuttig.de/bildergalerie.php Im FF so wie ich es haben will, im IE falsche Farbe und kein Hover! __________________ Und geht auch alles in die Binsen, immer heftig weiter grinsen!

01.03.2006, 14:19
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	Du kannst 2 Bilder verwenden und die mittels Code: a:hover .img_hover { display: block; } a:hover .img_out { display: none; } a .img_hover { display: none;} a .img_out { display: block; } [img][/img][img][/img] ein und ausblenden. Das sollte eigentlich funktionieren. [edit] Kleiner Fehler so funktionierts. __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.

01.03.2006, 14:48
juhuwoorps Erfahrener Benutzer Registriert seit: 21.07.2004 Beiträge: 377	Ich will ja keine Wechselbilder beim Hovern. Es soll sich lediglich der Rahmen ändern. Im FF gehts ja auch, nur im IE habe ich anstatt dem braunen Rahmen vom CSS einen blauen! __________________ Und geht auch alles in die Binsen, immer heftig weiter grinsen!

01.03.2006, 15:54
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	Achso noch einfacher Code: a:hover img { border: 5px outset grey; } a img { border: 5px inset grey; } bittschön __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.

01.03.2006, 16:55
juhuwoorps Erfahrener Benutzer Registriert seit: 21.07.2004 Beiträge: 377	Funktioniert so leider auch nur im FF, und da funktioniert es ja mit dem CSS Style von oben __________________ Und geht auch alles in die Binsen, immer heftig weiter grinsen!

01.03.2006, 17:06
zapate Erfahrener Benutzer Registriert seit: 15.07.2005 Beiträge: 230	vielleicht ein zweites a-tag in einer klasse definieren und dem einen border geben und es wie ein div handhaben, das muss einfach klappen. und nehm mal das border=0 aus dem img-tag raus