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

Тема в разделе "Верстка", создана пользователем MadChild, 30 июл 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. MadChild

    MadChild Постоялец

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

    Вложения:

    • pic1.png
      pic1.png
      Размер файла:
      1,1 МБ
      Просмотров:
      17
    • pic2.png
      pic2.png
      Размер файла:
      1,4 МБ
      Просмотров:
      15
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.140
    Симпатии:
    671
    В разделе верстка надо показывать верстку.
     
  3. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    108
    Попробуй так:

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

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

    Ну в твоем случае нужно просто в style width: 600px добавить
     
  4. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    Попробую поискать костыои

    Код:
    <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>
     
  5. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    Нашел косяк в своей верстке. всем спасибо :)
     
  6. Sorcus

    Sorcus Sorcus. A New Beginning.

    Moderator
    Регистр.:
    10 июл 2011
    Сообщения:
    317
    Симпатии:
    629
    Напиши решение и закрой тему...
     
  7. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    В первой строке использовал 2 ячейки, одна 250, вторая 370.. хотя должны были быть обе по 300, переверстал иначе, норм стало
     
Статус темы:
Закрыта.