Programmers & developers...

[ArsewithClass]

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

.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

		  <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!

[ArsewithClass]

No programmers in the place?

[ArsewithClass]

A bump for a programmer or developer please...

Has anyone got any other ideas for html or css to give mouseover pics of larger size?

[grumpy]

checking it right now

[mafia_man]

Delete "visibility: hidden;" from the .p1 class.

Works now in Firefox 3.6

[cyco_cc]

No programmers in the place?

A programmer, strictly speaking, wouldn't do you any good. HTML is not a programming language.

[nation-x]

A programmer, strictly speaking, wouldn't do you any good. HTML is not a programming language.

[grumpy]

replace the table with this :

       <table>
       <tr>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/01.jpg" width="100" height="75" border="0" /><span><img src="collage/images/01.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/02.jpg" width="100" height="75" border="0" /><span><img src="collage/images/02.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/11.jpg" width="100" height="75" border="0" /><span><img src="collage/images/11.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/12.jpg" width="100" height="75" border="0" /><span><img src="collage/images/12.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/06.jpg" width="100" height="75" border="0" /><span><img src="collage/images/06.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/08.jpg" width="100" height="75" border="0" /><span><img src="collage/images/08.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/09.jpg" width="100" height="75" border="0" /><span><img src="collage/images/09.jpg" /></span></a></div></td>
         <td><div class="gallerycontainer"><a class="pb" href="#nogo" ><img src="collage/thumbnails/13.jpg" width="100" height="75" border="0" /><span><img src="collage/images/13.jpg" /></span></a></div></td>
       </tr>
       </table>

and put this in your css :

.gallerycontainer{ position: relative;}
.pb img         {border: 1px solid red;}
.pb:hover       {background-color: transparant;}
.pb:hover img   {border: 1px solid blue;}
.pb span        {position:absolute; background-color:lightyellow; padding:0px; left:-500px; border:3px solid #ffaa3c; visibility:hidden; color:black; text-decoration:none;}
.pb span img    {border-width: 0; padding: 2px; }
.pb:hover span  {visibility: visible; top: 50px; left: 0px; z-index: 250;}

You can play with the position in pb:hover span

[ArsewithClass]

Delete "visibility: hidden;" from the .p1 class.

Works now in Firefox 3.6

replace the table with this :

Guys, thankyou!!!! It was the visability! Thankyou thankyou and thanks!

[grumpy]

your welcome

[NextBigTube]

Firebug comes in very handy for these kind of issues