i feel like such a silly billy

how do i get rid of the white space?

(the two blocks are different images)


in a table or anywhere else


thanks LOL

There could be a lot of different reasons why you have that extra space. If you could post a link or some code it would be easier to see what the problem is.

I'll take a quick guess though. Since you mentioned these being in a table it's probably because yoy have cellspacing="# other than 0 " on your table tag. Setting the cellspacing to 0 should get the table to close up around the white space. (assuming the cellspacing is the problem)

Ultimately though I'd really need to see the code to know where the whitespace is coming from.

The problem could be something as simple as whitespace in your HTML.

It is true that browsers ignore repeating whitespace (tabs, multiple spaces etc), but a single space will still render in most situations. If you are separating the images by newlines or spaces to make your HTML more readable, this will cause a gap. The fix is to remove any whitespace between the image tags.

<div>
    <img src="img1.png" />
    <img src="img2.png" />
</div>

<!-- To something like: -->


<div>
    <img src="img1.png" /><img src="img2.png" />
</div>

It might make your HTML look ugly, but it fixes the space

Originally Posted by Chroder

The problem could be something as simple as whitespace in your HTML.

It is true that browsers ignore repeating whitespace (tabs, multiple spaces etc), but a single space will still render in most situations. If you are separating the images by newlines or spaces to make your HTML more readable, this will cause a gap. The fix is to remove any whitespace between the image tags.

<div>
    <img src="img1.png" />
    <img src="img2.png" />
</div>

<!-- To something like: -->


<div>
    <img src="img1.png" /><img src="img2.png" />
</div>

It might make your HTML look ugly, but it fixes the space

this worked, thanks!