Вставка изображений в ячейку таблицы - PullRequest
Новая
       5

Вставка изображений в ячейку таблицы

0 голосов
/ 12 октября 2011

все.Проблема с опозданием на вечеринку веб-дизайна заключается в том, что я не знаю, как использовать таблицы или ячейки.Я пытаюсь вставить изображение в ячейку, которая, как мне известно, имеет 215x145px, и мое изображение имеет те же размеры, только чтобы найти в нем дополнительное пространство.

На самом деле, firebug показывает довольно разные высоты, но я, честно говоря, незнаю, как решить это.Это один из самых ненавистных и неприятных аспектов почтовых кампаний, по крайней мере для меня.

Любая помощь приветствуется.

Вот код: 

<table align="center"  width="725" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#0E6FA5"><span style="text-align: center; text-decoration: none;">
</td>
<td valign="top" height="145" bgcolor="#FFFFFF" width="215"
rowspan="2"style="border:0; padding:0; margin:0;"><span style="background-color: #FFF;
margin: 0; padding: 0; height: 145px; text-align: left;"></td>
</tr>
<tr>
<td bgcolor="#0E6FA5">&nbsp;</td>
</tr>
</table>

Nasty white space in table

1 Ответ

0 голосов
/ 13 октября 2011

Ну, поскольку я забыл упомянуть, что эта ситуация была связана только с FF, я чувствую, что было бы справедливо поделиться найденным решением:

http://www.webmasterworld.com/firefox_browser/3274620.htm

В режиме соответствия стандартам (из-за типа документа) изображения являются встроенными элементами, а не >> на уровне блока. Как правило, проблему можно устранить с помощью дополнительного пробела (присутствует для учета >> спускового элемента любого сопроводительного текста) с помощью следующего CSS:

img {display: block;}

Или добавив style = "display: block;" на ваш элемент img.

...