Hi guys, Has any changes been made to simple scripts & css over the past couple of days?
For the past few months up until Sunday evening I had a mouseover box on my freetour... Suddenly, the pictures are not showing of which the black background is????
Could you please take a very quick look at this
Code:
.p1 { position:relative; z-index:0; visibility: hidden; }
.p1:hover { background-color: transparent; z-index: 5; }
.p1 span { position:absolute; background-color:lightyellow; padding:0px; left:-500px; border:3px solid #ffaa3c; visibility:hidden; color:black; text-decoration:none; }
.p1 span img { border-width:0; padding:0px; }
.p1:hover span { visibility:visible; top:40px; left:-240px; z-index:10; }
Why has this suddenly stopped working & how can I sort it out please?
The page where the code works is on
www.arsewithclass.com/freetour.html There are no problems with the links of the jpgs with the html
Code:
<table width="800" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#000000" >
<tr>
<td><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr height="75" >
<td width="100" height="75" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/01.jpg" width="100" height="75" border="0" /><span><img src="collage/images/01.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/02.jpg" width="100" height="75" border="0" /><span><img src="collage/images/02.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/11.jpg" width="100" height="75" border="0" /><span><img src="collage/images/11.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/12.jpg" width="100" height="75" border="0" /><span><img src="collage/images/12.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/06.jpg" width="100" height="75" border="0" /><span><img src="collage/images/06.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/08.jpg" width="100" height="75" border="0" /><span><img src="collage/images/08.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/09.jpg" width="100" height="75" border="0" /><span><img src="collage/images/09.jpg" border="0" /></span></a></div></td>
<td width="100" align="center"><div><a class="p1" href="#nogo" ><img src="collage/thumbnails/13.jpg" width="100" height="75" border="0" /><span><img src="collage/images/13.jpg" border="0" /></span></a></div></td>
</tr>
</table></td>
</tr>
</table>
If anyone can help, MANY MANY Thanks!
