hover effekt firefox problem

mop

siehe hier:
http://home.arcor.de/urloob/hh.html

beim hover im IE: der rahmen wird komplett um das bild gezogen.
beim firefox: da halt nicht

wer hat rat?

quelltext:

Code

<style type="text/css">
a#PrevPic:hover{ 
	border: 1px solid #FF6600;

	}
</style>
</head>


<body>


[url='indexskillsweb.htm'][img]Bilder/referenzen/web/web_button.jpg[/img][/url]




[url='indexskillslogo.htm'][img]Bilder/referenzen/logos_button.jpg[/img][/url]


</body>

Alles anzeigen

yeti66

Hi mop,

HTML

<!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>Unbenanntes Dokument</title>
<style type="text/css">
a:hover #PrevPic{ border: 1px solid #FF6600;}
</style>
</head>
<body>




[url='web_button.jpg'][img]web_button.jpg[/img][/url] 


[url='indexskillslogo.htm'][img]web_button.jpg[/img][/url]
</body>
</html>

Alles anzeigen

Mir ist nicht ganz klar, was Du erreichen willst. Den Rahmeneffekt schaltet man eigentlich mit <<< img { border: none;} >>>>> aus und steuert die Rahmen mit css.
Um das wackeln im 2.Bild zu verhindern setzt Du einen Rahmen in gleicher Stärke mit der Hintergrundfarbe <<< a: #PrevPic {border: 1px solid #fff;} >>>

OK??
P.S.: Korrigiert habe ich noch die Schließung des img-tags <img......> in <img..../>..........XHTML-konform!

Gruß yeti66

mop

das problem ist, dass das bild beim hover mit der maus nicht vollständig eingerahmt wird. zumindest im firefox, im IE hauts.

DarkSyranus

Kanst du das hover nicht auf das img tag beziehen?

mop

?

DarkSyranus

Code

img:hover{
   border: 1px solid #FF6600;
}

Tags