Hey, nu har jeg lavet mit script, og det virker perfekt, i google crome... men i internet epxlore kommer der blå kasser om knapperne, og det smadre det hele, da de kommer til at fylde mere...
Du kan se det i funktion her : www.habber.dk/hjaelp
og her er koden
<script>
<!--
button1up = new Image; button1up.src = "forsideknap.png";
button1down = new Image; button1down.src = "forsideknap1.png";
button2up = new Image; button2up.src = "jokeknap.png";
button2down = new Image; button2down.src = "jokeknap1.png";
button3up = new Image; button3up.src = "spilknap.png";
button3down = new Image; button3down.src = "spilknap1.png";
button4up = new Image; button4up.src = "kontaktkanp.png";
button4down = new Image; button4down.src = "kontaktknap1.png";
button5up = new Image; button5up.src = "sogknap.png";
button5down = new Image; button5down.src = "sogknap1.png";
button6up = new Image; button6up.src = "andetknap.png";
button6down = new Image; button6down.src = "andetknap1.png";
button7up = new Image; button7up.src = "ssknap.png";
button7down = new Image; button7down.src = "ssknap1.png";
button8up = new Image; button8up.src = "omhp.png";
button8down = new Image; button8down.src = "omhp1.png";
function MouseOverRoutine(ButtonName)
{
if (ButtonName=="button1")
{document.button1.src = button1down.src;}
if (ButtonName=="button2")
{document.button2.src = button2down.src;}
if (ButtonName=="button3")
{document.button3.src = button3down.src;}
if (ButtonName=="button4")
{document.button4.src = button4down.src;}
if (ButtonName=="button5")
{document.button5.src = button5down.src;}
if (ButtonName=="button6")
{document.button6.src = button6down.src;}
if (ButtonName=="button7")
{document.button7.src = button7down.src;}
if (ButtonName=="button8")
{document.button8.src = button8down.src;}
}
function MouseOutRoutine(ButtonName)
{
if (ButtonName=="button1")
{document.button1.src = button1up.src;}
if (ButtonName=="button2")
{document.button2.src = button2up.src;}
if (ButtonName=="button3")
{document.button3.src = button3up.src;}
if (ButtonName=="button4")
{document.button4.src = button4up.src;}
if (ButtonName=="button5")
{document.button5.src = button5up.src;}
if (ButtonName=="button6")
{document.button6.src = button6up.src;}
if (ButtonName=="button7")
{document.button7.src = button7up.src;}
if (ButtonName=="button8")
{document.button8.src = button8up.src;}
}
//-->
</script>
<html>
<head>
<title>Hjælpsomme Peter</title>
<meta content="Evrsoft First Page" name="GENERATOR">
</head>
<body style="BACKGROUND-IMAGE: url(bg.png);">
<img src="hp.png">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td >
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td style="BACKGROUND-IMAGE: url(mand.png); WIDTH: 163px; HEIGHT: 445px;">
</td>
<td style="BACKGROUND-IMAGE: url(box.png); WIDTH: 225px; HEIGHT: 445px;"
cellspacing="0" cellpadding="0" border="0" align"bottom" valign"bottom">
<a href="spg.php" target="iframe"
onmouseOver="MouseOverRoutine('button7')" onmouseOut="MouseOutRoutine('button7')">
<img Src="ssknap.png" name="button7">
</a>
<a href="intro.html" target="iframe"
onmouseOver="MouseOverRoutine('button8')" onmouseOut="MouseOutRoutine('button8')">
<img Src="omhp.png" name="button8">
</a>
<iframe name="iframe" style="WIDTH: 210px; HEIGHT: 375px; " src="intro.html"></iframe>
</td>
<td align"top" valign"top">
<table height="445">
<tr>
<td>
<table>
<tr>
<td align"top" valign"top">
<a href="forside.html" target="iframe"
onmouseOver="MouseOverRoutine('button1')" onmouseOut="MouseOutRoutine('button1')">
<img Src="forsideknap.png" name="button1">
</a>
</td>
</tr>
<tr>
<td>
<a href="jokes.html" target="iframe"
onmouseOver="MouseOverRoutine('button2')" onmouseOut="MouseOutRoutine('button2')">
<img Src="jokeknap.png" name="button2">
</a>
</td>
</tr>
<tr>
<td>
<a href="spil.html" target="iframe"
onmouseOver="MouseOverRoutine('button3')" onmouseOut="MouseOutRoutine('button3')">
<img Src="spilknap.png" name="button3">
</a>
</td>
</tr>
<tr>
<td>
<a href="kontakt.html" target="iframe"
onmouseOver="MouseOverRoutine('button4')" onmouseOut="MouseOutRoutine('button4')">
<img Src="kontaktkanp.png" name="button4">
</a>
</td>
</tr>
<tr>
<td>
<a href="sog.html" target="iframe"
onmouseOver="MouseOverRoutine('button5')" onmouseOut="MouseOutRoutine('button5')">
<img Src="sogknap.png" name="button5">
</a>
</td>
</tr>
<tr>
<td>
<a href="text1.html" target="iframe"
onmouseOver="MouseOverRoutine('button6')" onmouseOut="MouseOutRoutine('button6')">
<img Src="andetknap.png" name="button6">
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
jeg håber virkelig en af jer kan hjælpe mig, og sige hvad jeg kan gøre vor at få de blå kasser væk, jeg tror det er noget med at billederne er links, men ved det ikke