Hallo Forum
Nach einer ganzen Nacht probieren, probieren ..., wende ich mich an Euch.
Hier erst einmal das Script was mir sorgen macht.
<html>
<head>
<title>4 Grafiken im Block</title>
<script language="JavaScript">
<!--
Normal1 = new Image();
Normal1.src = "test.gif";
Highlight1 = new Image();
Highlight1.src = "test2.gif";
Normal2 = new Image();
Normal2.src = "test.gif";
Highlight2 = new Image();
Highlight2.src = "Test2.gif";
function Bildwechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
</head>
<body>
<a href="Home.htm" onMouseOver="Bildwechsel(0,Highlight1)"onMouseOut="Bildwechsel(0,Normal1)">
<img src="test.gif" alt="zurück zum Anfang" border=0>
</a>
<a href="Mail.htm" target=_top onMouseOver="Bildwechsel(1,Highlight1)"onMouseOut="Bildwechsel(1,Normal1)">
<img src="test.gif" alt="E-Mail schicken" border=0>
</a>
<br>
<a href="verweise.htm" target=_top onMouseOver="Bildwechsel(2,Highlight2)"onMouseOut="Bildwechsel(2,Normal1)">
<img src="test.gif" alt="Hier finden Sie gute Links" border=0>
</a>
<a href="Gästebuch.htm" target=_top onMouseOver="Bildwechsel(3,Highlight2)"onMouseOut="Bildwechsel(3,Normal1)">
<img src="test.gif" alt="zum Gästebuch"border=0>
</a>
</body>
</html>
Wenn ich nun diese Page aufrufen kommen die 4 Grafiken wie gewünscht. Aber sie hängen nicht direkt nebeneinander, sondern in einem Abstand von ca 5 Pixel. Wenn man nach onmouseover die Grafig anklickt, entsteht unten rechts direkt dieser ein kleiner Rahmen von ca 5 Pixel Breite. Meine Frage, wie bekomme ich diesen weg?
Für Hilfe wäre ich sehr dankbar.
Gruß Marc