Getting a div in the middle |
 Jun 19 2009, 01:21 PM
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 |
|
|
|
Posts in this topic
  |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: