PDA

View Full Version : Help me get rid of extra blank space



mandela10
10 Jan 2011, 02:38 PM
My site name is juicersuperstore.com, I have an image right at the center of the site but there is extra blank space on top and at the bottom of the image and I have tried desperately to get rid of them but I ave not been able to.
From the page source, the area with the blank space looks like this

<td width="100%" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="1">
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr><td><div align="center"><img src="images/Template-1_21.jpg" alt="" border="0"></div>
</td></tr> <tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
</tr>

<tr>
<td class="mphead"><!-- D Main_page //-->


<img alt="shop for juicers for low low prices" border="0" height="330" src="http://www.juicersuperstore.com/images/frontpic.jpg" title="juice superstore" width="520" /><img alt=" " border="0" src="https://www.juicersuperstore.com/admin/" />
<!-- Main_page eof //-->
</td></tr> <tr>

<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
</tr>

The center image name is frontpic.jpg, so I don't know what i should change on the site to fix that problem. Please any help would be very appreciated.

Thanks

resdog
11 Jan 2011, 08:02 AM
<td><div align="center"><img src="images/Template-1_21.jpg" alt="" border="0"></div>
</td></tr> <tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
</tr>

<tr>


Remove that portion, should get rid of the 2px of space above your image.

and you have the same thing after your image. That's giving you the "extra" space above and below your image.