HTML table - how to make no spacing between rows?

[silvon]

Hi

All I want is for there to be no space between the images (the tab images) and for there to be no space between
those images and the row below it.

I've tweaked every CSS and HTML tag I can think of. What am I missing?

Thanks!



<table border=0 cellspacing=0 cellpadding=0 vspace=0>
<tr>
<td align=left><img src="images/logo_blue.gif"></td>
<td align=right valign="bottom">Text here</td>
</tr>
<tr>
<td align=center colspan=2 valign="bottom">
<img src="images/tab_blue_about.gif" width="160" height="35" border="0">
<img src="images/tab_blue_contact.gif" width="160" height="35" border="0">
<img src="images/tab_blue_products.gif" width="160" height="35" border="0">
<img src="images/tab_blue_phy.gif" width="160" height="35" border="0">
</td>
</tr>
<tr>
<td bgcolor="#0099CC" colspan=2 align=center valign=top>Text Here</td>
</tr>
</table>

[CornedBee]

Code looks terrible, but anyway.

Make sure you remove all padding, margin and border of img, tr and td.

tr, td, img {
padding: 0;
margin: 0;
border: 0;
}

[bekkel]

missed that one
colspan=2 :blush:

[CornedBee]

There is one.

[beke]

Message on 26 Oct 2003 14:55 (+3:00 gmt)

The answer to this question ended many hours of fruitless trying:

Just write the table defenitions in one line, do not 'structure' your HTML text with indents and/or new lines.

[CornedBee]

Stupid IE :D