if you say so [:D]
as you see in the code, the only image i have made a hover whith javascript on is "ideer.gif"
the index page:
<html>
<head>
<title>Välkommen till lolas websida!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="lankar.css" rel="stylesheet" type="text/css">
<script>
<!-- Hide Script
function move_in(img_name,img_src) {
document[img_name].src=img_src;
}
function move_out(img_name,img_src) {
document[img_name].src=img_src;
}
//End Hide Script-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (projekt2.psd) -->
<table id="Table_01" width="741" height="534" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img src="images/index_01.gif" width="740" height="38" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/index_02.gif" width="312" height="140" alt=""></td>
<td colspan="4" width="257" height="98">
<div id="ideer">
<a href="link.html"
OnMouseOver="move_in('ideer','over/images/ideer.gif')"
OnMouseOut="move_out('ideer','images/ideer.gif')">
<img src="images/ideer.gif" name="ideer" border="0" margin="0">
</a>
</div></td>
<td colspan="3">
<img src="images/index_04.gif" width="171" height="98" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_05.gif" width="167" height="42" alt=""></td>
<td colspan="3" rowspan="3" width="177" height="109">
<div id="boktips"></div></td>
<td rowspan="8">
<img src="images/index_07.gif" width="84" height="397" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_08.gif" width="269" height="18" alt=""></td>
<td colspan="3" rowspan="3" width="185" height="139">
<div id="galleri"></div>
</td>
<td rowspan="4">
<img src="images/index_10.gif" width="25" height="177" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_11.gif" width="25" height="337" alt=""></td>
<td rowspan="5" width="244" height="319">
<div id="gotland"></div>
</td>
<td>
<img src="images/spacer.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/index_13.gif" width="177" height="110" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="72" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_14.gif" width="185" height="38" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_15.gif" width="136" height="178" alt=""></td>
<td colspan="4" width="208" height="131">
<div id="gastrum"></div>
</td>
<td rowspan="3">
<img src="images/index_17.gif" width="43" height="178" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="131" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="images/index_18.gif" width="208" height="47" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_19.gif" width="244" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="244" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="43" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="90" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="43" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
The linked CSS file:
#ideer {
width:257;
height:98;}
#boktips {
width:177;
height:109;
background-image:url("images/boktips.gif");}
#galleri {
width:185;
height:139;
background-image:url("images/galleri.gif");}
#gotland {
width:244;
height:319;
background-image:url("images/gotland.gif");}
#gastrum {
width:208,;
height:131;
background-image:url("images/gastrum.gif");}
#ideer:hover{ ;}
#boktips:hover{
background-image:url("over/images/boktips.gif");}
#galleri:hover{
background-image:url("over/images/galleri.gif");}
#gotland:hover{
background-image:url("over/images/gotland.gif");}
#gastrum:hover{
width:208,;
height:131;
background-image:url("over/images/gastrum.gif");}
/*
<!--
i dont have the webpage up on internet but il upload it somewhere if you need it[:)]
