Табличная верстка email-рассылки

@Vicont · Регистрация: 31.08.2010

Author24 — интернет-сервис помощи студентам

Добрый день! Верстая макет email-рассылки столкнулся с такой вот проблемкой, в приложении представлен макет таблицы, все яцейки имеют фиксированные размеры, за исключением ячеек со стрелками (8,9,17) - у них резиновая высота.

Собственно суть проблемы: При изменении высоты ячейки 17 нужно чтобы изменялась высота ячеек 8 и 9, на практике же изменяется высота ячеек 6,8,10 и соответсвенно 7,9,11. Кто-нибудб может подсказать что-либо по этому поводу?

Код:

HTML5

<table border="1" width="680" cellspacing="0" cellpadding="0">
  <tr>
    <td width="28" height="30"><img src="design/images/mail/1.png" width="28" height="30" style="display:block"></td>
    <td width="22"><img src="design/images/mail/2.png" width="22" height="30" style="display:block"></td>
    <td width="580" style="background-image: url('design/images/mail/3.png'); background-position: bottom left" height="30"></td>
    <td width="22"><img src="design/images/mail/4.png" width="22" height="30" style="display:block"></td>
    <td width="28"><img src="design/images/mail/5.png" width="28" height="30" style="display:block"></td>
  </tr>                                 
  <tr>
    <td width="28" height="20"><img src="design/images/mail/6.png" style="margin: 0px; height: 20px; display:block"></td>
    <td colspan="3" rowspan="3" style="background-color: #f9f9f9;">
        1<br>1<br>1<br>1<br>1<br>1<br>
    </td>
    <td width="28"><img src="design/images/mail/7.png" style="margin: 0px; height: 20px; display:block"></td>
  </tr>                                 
  <tr>
    <td width="28" style="background-image: url('design/images/mail/8.png');"></td>
    <td width="28" style="background-image: url('design/images/mail/9.png');"></td>
  </tr>
  <tr>
    <td width="28" height="20"><img src="design/images/mail/10.png" style="display:block"></td>
    <td width="28" height="20"><img src="design/images/mail/11.png" style="display:block"></td>
  </tr>
                                    
  <tr>
    <td width="28" height="30"><img src="design/images/mail/12.png" width="28" height="30" style="display:block"></td>
    <td width="22"><img src="design/images/mail/13.png" width="22" height="30" style="display:block"></td>
    <td style="background-image: url('design/images/mail/14.png'); background-position: top left" height="30"></td>
    <td width="22"><img src="design/images/mail/15.png" width="22" height="30" style="display:block"></td>
    <td width="28"><img src="design/images/mail/16.png" width="28" height="30" style="display:block"></td>
  </tr>
</table>

@Vicont · 24.04.2012, 15:46 **[ТС]**

@Alorian · 25.04.2012, 13:52

1. Попробовать указать еденицы измерения.
2. Сделать ячейки 8 и 9 в одном <tr> с 17

Добавлено через 13 минут
3. Убрать ячейки 6, 10 и поместить их содержимое в начало и конец ячейки 8. Аналогично убрать ячейки 7, 11 и поместить их содержимое в начало и конец ячейки 9.

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	24.04.2012, 15:46 [ТС]	2
	0

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	25.04.2012, 13:52	3
	1. Попробовать указать еденицы измерения. 2. Сделать ячейки 8 и 9 в одном <tr> с 17 Добавлено через 13 минут 3. Убрать ячейки 6, 10 и поместить их содержимое в начало и конец ячейки 8. Аналогично убрать ячейки 7, 11 и поместить их содержимое в начало и конец ячейки 9. 0

Опции темы