xyz: <a><img...></a> Artefakte in Chrome und IE

Beitrag lesen

SELF-Forum

<a><img...></a> Artefakte in Chrome und IE

xyz
– Informationen zu den Bewertungsregeln

Hi,

ich habe ein Problem was ich leider nicht lösen kann bzw. einfach nicht verstehe woran es liegt.

Der Code:

<div id="ButtonContainer">  
<a href="index.php/was-ist-"							onmouseover="austausch1.src='../images/imagebuttons_information_hoover.png'" onMouseOut="austausch1.src='../images/imagebuttons_information.png'"> <img src="../images/imagebuttons_information.png" style="width:180px; height:145px;" name="austausch1"> </a>  
  
<a href="index.php/wie-funktioniert"					onmouseover="austausch2.src='../images/imagebuttons_help_hoover.png'" onMouseOut="austausch2.src='../images/imagebuttons_help.png'"> <img src="../images/imagebuttons_help.png"style="width:180px; height:145px;" name="austausch2"></a>  
  
<a href="/shop/" 					onmouseover="austausch3.src='../images/imagebuttons_onlineshop_hoover.png'" onMouseOut="austausch3.src='../images/imagebuttons_onlineshop.png'">  
<img src="../images/imagebuttons_onlineshop.png"style="width:180px; height:145px;" name="austausch3"> </a>  
</div>

  
#ButtonContainer{  
	float:right;  
	padding:38px 0 0 0;  
	height: 138px;  
	width: 600px;  
}

Im Mozilla 5.0 sieht alles wunderbar aus. Unter Chrome und IE in den aktuellen Version habe ich kleine "Artefakte" nach den Bildern:
Chrome Artefakte

Ich weiß leider überhaupt nicht wo die her kommen. Ich habe eine Testseite gemacht in der ich nur das minimalste eingebunden habe und dort habe ich diese "Artefakte" nicht.

<script  
language="JavaScript">  
button1= new Image();  
button1.src = "1.jpg"  
button2= new Image();  
button2.src = "2.jpg"  
button3= new Image();  
button3.src = "3.jpg"  
</script>  


<body>  
<a href="#" onMouseOver="austausch1.src='2.jpg'" onMouseOut="austausch1.src='1.jpg'"><img src="1.jpg" style="height:322px; width:373px;" name="austausch1"/></a>  
<a href="#"><img src="2.jpg" style="height:322px; width:373px; padding:0 0 0 10px;"/></a>  
<a href="#"><img src="3.jpg" style="height:322px; width:373px; padding:0 0 0 10px;"/></a>  
</body>

Wäre über Aufklärung sehr dankbar ;)

vielen Dank
xyz

Beitrag melden
–
Informationen zu den Bewertungsregeln