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 |
|
|
|
|
Jun 20 2009, 12:55 AM
Post
#2
|
|
 i like boobies, yes I do. I like boobies - how 'bout you? Group: Member Posts: 620 Joined: Jun 2008 Member No: 662,457 |
First off, you have a div in your <head> section. Bad. Secondly, I think you can remove the white border by a) using a stylesheet (which you should use anyway) and b) placing the following code in said stylesheet at the top:
CODE * {margin: 0; padding: 0; border: 0;} If that doesn't work, then the border is part of the image and you'll need to remove it via Photoshop (which I'm assuming you used because of the ImageReady Slices code snippet. Not sure what you're asking about the lightbox or whatever, though. |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: