Lindsey said:
I am making this site, i use firefox, i dont know if it shows up the
same on IE, but on firefox on this website
<
http://njboxerrescue.com/adopted.asp> right before it shows
july/august 2005 there is a huge gap that does not show up on the
frontpage design. help?
I can see it but I can't explain it
The gap is between the row ending in Bubbles and the row starting in Sandy
<td valign="top" width="242">
<p>
<img border="0" src="images/Moose_t.jpg" width="100"
height="100">
<img border="0" src="images/bubbles_t.jpg" width="103" height="100">
</p>
<p>
<font
size="2"> Moose
Bubbles</font><p> </td>
</tr>
<!-- Start of row with Sandy -->
<tr>
<td valign="top" width="237" height="25">
<p>
<img border="0" src="images/sandy2_2.jpg" width="114" height="100">
<img border="0" src="images/Chevy_t.jpg" width="118" height="98">
</p>
<p><fontsize="2"> Sandy
Chevy</font><p> </td>
I am not sure why these images are paired and the captions placed in a new
para. And the para tag for the caption is not closed.
And there are lots of spaces
I place images in cells like this
<td>
<a href="images/xxx.jpg" >
<img src="images/thumbnails/xxx_t.jpg" alt="" />
<p>caption</p></a>
</td>
You have to use
img {float:left}
I also have other CSS which may affect how it displays, e.g.
body { text-align: center; float: left;}
I added a <p> </p> around the caption which I don't use but you may need.
You could try just <br>
It may be worth tyring this setup