...

View Full Version : How do I get rid of the space on this page?



Squishy435
05-05-2010, 07:51 PM
Okay, so I have a template that I purchased and I am trying to list all of my products on this page. However, there is a space above the very first product that I need to get rid of, but I can't figure out how to do so! Here is the code..


<TD background="images/1bak1.jpg" WIDTH=398 HEIGHT=703 ALT=""><div style="padding-top:0px; text-align:center;">

<div style="padding-top:0px; text-align: center;">
<p><a href="#" class="1"><img src="images/runawayjury.jpg" align="middle"></a>The Runaway Jury</p>
</div>
<div class="1" style="padding-top:0px; text-align: center;">
<p><a href="#"><img src="images/runawayjury.jpg" align="absmiddle"></a><a href="#" class="1">The Runaway Jury</a></p>
</div></TD>

It's all in a box, which I'm guessing is a table? Not sure.. Anyways - I have 2 example listings on the page of two books and like I said before, there's a space between the first book and the top of the table. Any help would be greatly appreciated! Oh, and I've attached the image that's in the code, if anybody's interested in it. I can attach more, if needed.

optimus203
05-05-2010, 08:55 PM
It looks like your first <div> tag isn't closed. You don't need it, unless your containing a series of divs, which you might not need to. This should work...



<TD background="images/1bak1.jpg" WIDTH=398 HEIGHT=703 ALT="">
<div style="padding-top:0px; text-align: center;">
<p><a href="#" class="1"><img src="images/runawayjury.jpg" align="middle"></a>The Runaway Jury</p>
</div>
<div class="1" style="padding-top:0px; text-align: center;">
<p><a href="#"><img src="images/runawayjury.jpg" align="absmiddle"></a><a href="#" class="1">The Runaway Jury</a></p>
</div>
</TD>

Squishy435
05-05-2010, 09:24 PM
It looks like your first <div> tag isn't closed. You don't need it, unless your containing a series of divs, which you might not need to. This should work...



<TD background="images/1bak1.jpg" WIDTH=398 HEIGHT=703 ALT="">
<div style="padding-top:0px; text-align: center;">
<p><a href="#" class="1"><img src="images/runawayjury.jpg" align="middle"></a>The Runaway Jury</p>
</div>
<div class="1" style="padding-top:0px; text-align: center;">
<p><a href="#"><img src="images/runawayjury.jpg" align="absmiddle"></a><a href="#" class="1">The Runaway Jury</a></p>
</div>
</TD>



You're right! I didn't even see that.. Thank you so much for finding that for me! That fixed my problem.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum