GoFuckYourself.com - Adult Webmaster Forum - Programmers & developers...

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - Programmers & developers... (https://gfy.com/showthread.php?t=952626)

Programmers & developers...

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

No programmers in the place?

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?

checking it right now

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

Works now in Firefox 3.6

Quote:

Originally Posted by ArsewithClass (Post 16825741)

No programmers in the place?

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

Quote:

Originally Posted by cyco_cc (Post 16826852)

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

:2 cents:

replace the table with this :

Code:

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

Code:

.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

Quote:

Originally Posted by mafia_man (Post 16826832)

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

Works now in Firefox 3.6

Quote:

Originally Posted by grumpy (Post 16826901)

replace the table with this :

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

Firebug comes in very handy for these kind of issues