Верстка html-письма

Статус
В этой теме нельзя размещать новые ответы.
M

MadChild

Постоялец
Регистрация
23 Янв 2013
Сообщения
73
Реакции
7
Добрый день.
Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине.
В остальных почтовиках и браузерах все гуд
 

Вложения

  • pic1.png
    pic1.png
    1,1 MB · Просмотры: 18
  • pic2.png
    pic2.png
    1,4 MB · Просмотры: 16
В разделе верстка надо показывать верстку.
 
MadChild написал(а):
Добрый день.
Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине.
В остальных почтовиках и браузерах все гуд
Нажмите для раскрытия...
Попробуй так:

<td width="600px" style="width: 600px;">

Сам не пробовал, но пишут что помогает.

Ну в твоем случае нужно просто в style width: 600px добавить
 
Попробую поискать костыои

Код: 
<table cellpadding="0" cellspacing="0" width="600" align="center" style="border-collapse:collapse;border: 1px solid #afaeae;display:block;">
    <tr>
        <td style="background: #ffffff;" colspan="2">
            <img src="http://restoracia.ru/images/mail/resto-logo.jpg" style="width: 230px; height: 250px;" />
        </td>
        <td style="background: #ffffff;" colspan="2">
            <img src="http://restoracia.ru/images/mail/kreslo-kasablanka-banner.jpg" style="width: 370px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" colspan="4">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 20px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
        <td style="background: #ffffff;" align="center" colspan="2">
            <span style="font-family: Myriad Pro, Open Sans, Arial; font-size: 15px; color: #666666;line-height: 23px;">
                Увидев ёё лишь однажды, Вы не сможете забыть её образ...<br />
                Она пленит своими плавными изгибами и невероятным комфортом.<br />
                <span style="color: #e7654d; font-weight: 700;">Вы узнаете, что значит любовь с первого взгляда!</span>
            </span>
        </td>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" colspan="4">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 20px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
        <td style="background: #ffffff;" colspan="2" align="center">
            <a href="http://restoracia.ru/furniture/kresla/kreslo-kasablanka.htm" target="_blank">
                <img src="http://restoracia.ru/images/mail/kreslo-kasablanka-1.jpg" style="width: 100%;" />
            </a>
        </td>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" colspan="4">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 20px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
        <td style="background: #ffffff;" align="left" colspan="2">
            <span style="font-family: Myriad Pro, Open Sans, Arial; font-size: 15px; color: #666666;line-height: 23px;">
                <span style="color: #e7654d; font-weight: 700;">Скидка в августе 15%</span> (обычная цена кресла 8 148 руб.)<br />
                Тонировка ножек и обивка под заказ. Срок изготовления 10 дней
            </span>
        </td>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
        <td style="background: #ffffff;" colspan="2" align="center">
            <img src="http://restoracia.ru/images/mail/kreslo-kasablanka-bot-banner-1.jpg" style="width: 100%;" />
        </td>
        <td style="background: #ffffff;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #ffffff;" colspan="4">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 40px;" />
        </td>
    </tr>
    <tr>
        <td style="background: #706c6a;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
        <td style="background: #706c6a;" valign="top" colspan="2">
            <table cellpadding="0" cellspacing="0" width="100%" align="center" style="border-collapse:collapse;">
                <tr>
                    <td width="50%" valign="top">
                        <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 10px;" />
                        <span style="font-family: Myriad Pro, Open Sans, Arial; font-size: 12px; color: #ffffff;line-height: 15px;">
                            Москва, Нагорный проезд, 7<br />
                            Тел. (495) 545 22 66, (495) 543 73 82<br />
                        </span>
                        <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 10px;" />
                        <span style="font-family: Myriad Pro, Open Sans, Arial; font-size: 12px; color: #ffffff;line-height: 15px;">
                            <a href="http://www.restoracia.ru" target="_blank" style="color: #ffffff;">www.restoracia.ru</a>
                        </span>
                        <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 10px;" />
                    </td>
                    <td width="50%" valign="top">
                        <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 10px;" />
                        <span style="font-family: Myriad Pro, Open Sans, Arial; font-size: 12px; color: #ffffff;line-height: 15px;">
                            Москва, ул. Молодогвардейская, 57<br />
                            Тел. (495) 780 99 64, (495) 662 89 30
                        </span>
                        <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 100%; height: 10px;" />
                    </td>
                </tr>
            </table>
        </td>
        <td style="background: #706c6a;" width="20px">
            <img src="http://restoracia.ru/images/mail/blank.gif" style="width: 20px; height: 1px;" />
        </td>
    </tr>
</table>
 
Нашел косяк в своей верстке. всем спасибо :)
 
Напиши решение и закрой тему...
 
В первой строке использовал 2 ячейки, одна 250, вторая 370.. хотя должны были быть обе по 300, переверстал иначе, норм стало
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху