Img and table space

[cjane]

10111

10112

How do I eliminate the spaces between header1.gif and header2.gif? Are there any css and html tutorials that can assist me with this.

<table border="0" width="100%"><tr>
<td><img src="header1.gif"></td>
</tr><tr><td><img src="header2.gif"></td></tr></table>

img attached to message

[dtm32236]

<table border="0" width="100%" style="border-collapse:collapse;"><tr>
<td><img src="header1.gif"></td>
</tr><tr><td><img src="header2.gif"></td></tr></table>

see if that will do it.

[felgall]

No table required, just use:

<div><img src="header1.gif" style="display:block;"><br>
<img src="header2.gif" style="display:block;"></div>

[dtm32236]

felgall is right... that is the 'better' way to do it.

[cjane]

10116

Both solutions didn't work

[cjane]

the td img {vertical-align: bottom;}
works perfect
http://www.google.co.in/search?hl=en&client=firefox-a&rls=org.mozilla:en-GB:official&hs=bjO&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=img%2Bmysterious%2Bspace%2Bmozilla&spell=1


thanks for the inputs

[dtm32236]

nice. glad it worked out.