Getting a div in the middle |
Getting a div in the middle |
![]()
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 52 Joined: Jan 2007 Member No: 495,596 ![]() |
I am needing a lightbox or a slimebox in a div in the middle of my gallery page, click here for webpage
I've tried putting the div in different places through out the code and it always puts it above or below Here's the code for the gallery page: CODE <html> <div class="bg" style="position: absolute; left:200px; top:0px; width:000px; height:000px; overflow: hidden;"> </div> <head> <title>ka|photo gallery</title> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="200 px" marginheight="-100 px"> <p><!-- ImageReady Slices (Untitled-1) --></p> <table style="height: 600px;" id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="11"><img src="images/gallery_01.gif" width="800" height="201" /></td> </tr> <tr> <td rowspan="2"><img src="images/gallery_02.gif" width="119" height="399" /></td> <td align="left" valign="top"><a href="/index.html"> <img src="images/home.gif" width="44" height="13" border="0" /></a></td> <td rowspan="2"><img src="images/gallery_04.gif" width="58" height="399" /></td> <td align="left" valign="top"><a href="/about/about.html"> <img src="images/about.gif" width="54" height="13" border="0" /></a></td> <td rowspan="2"><img src="images/gallery_06.gif" width="58" height="399" /></td> <td align="left" valign="top"><a href="/gallery/gallery.html"> <img src="images/gallery.gif" width="73" height="13" border="0" /></a></td> <td rowspan="2"><img src="images/gallery_08.gif" width="58" height="399" /></td> <td align="left" valign="top"><a href="/pricing/pricing.html"> <img src="images/pricing.gif" width="68" height="13" border="0" /></a></td> <td rowspan="2"><img src="images/gallery_10.gif" width="58" height="399" /></td> <td align="left" valign="top"><a href="/contact/contact.html"> <img src="images/contact.gif" width="75" height="13" border="0" /></a></td> <td rowspan="2"><img src="images/gallery_12.gif" width="135" height="399" /></td> </tr> <tr> <td><img src="images/gallery_13.gif" width="44" height="386" /></td> <td><img src="images/gallery_14.gif" width="54" height="386" /></td> <td><img src="images/gallery_15.gif" width="73" height="386" /></td> <td><img src="images/gallery_16.gif" width="68" height="386" /></td> <td><img src="images/gallery_17.gif" width="75" height="386" /></td> </tr> </tbody> </table> <p><!-- End ImageReady Slices --></p> </body> </html> Also, the white box that surrounds the webpage design, how can i remove that? Thanks in advance |
|
|
![]() ![]() |