Всем привет. Есть такой фрагмент кода:
Цитата:
<table id="leftLogo" width="244" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" width="213" height="33"><img id="leftLogo_01" src="images/leftLogo_01.gif" width="213" height="33" alt="" /></td>
<td rowspan="5" width="31" height="128"></td>
</tr>
<tr>
<td colspan="2" width="213" height="27"><img id="leftLogo_03" src="images/leftLogo_03.gif" width="213" height="27" alt="" /> </td>
</tr>
<tr>
<td colspan="2" width="213" height="35"><img id="leftLogo_04" src="images/leftLogo_04.gif" width="213" height="35" alt="" /></td>
</tr>
<tr>
<td rowspan="2" width="87" height="33"><img id="leftLogo_05" src="images/leftLogo_05.gif" width="87" height="33" alt=""></td>
<td width="126" height="6"><img id="leftLogo_06" src="images/leftLogo_06.gif" width="126" height="6" alt=""></td>
</tr>
<tr>
<td width="126" height="27"></td>
</tr>
</table>
|
Вопрос: Почему, если внутри тега td есть пробелы между самим тегом и картинкой, то все разъезжается? т.е. ячейка становится выше картинки и до (или после, в зависимости от выравнивания в ячейке) появляется пустая белая строка. как этого избежать?
Т.е. Если идет так:
<td><img ... /></td> то все нормально
а если так:
<td> <img ... /> </td>
или так:
<td>
<img ... />
</td>
то тогда есть пробелы до или после картинки, и когда надо, чтобы все картинки стояли вплотную, этого не получается...
используется XHTML 1.0 Transitional, в css прописано:
table {empty-cells:show; border-collapse:collapse;}
td {margin:0px; padding:0px; vertical-align:top;}
img {border:none; margin:0px; padding:0px;}