Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Проблемы с отображением эл. письма (табличная верстка)


Recommended Posts

Доброго вечера.

Сверстал простенькое письмо для почтовой рассылки.

Однако в распространенной во многих компаниях почтовой программе windows live данное письмо отображается совершенно некорректно - расплывается на какую-то неадекватную ширину.

pL3mivAXkss.jpg

(в остальных браузерных/отдельных почтовых клиентах письмо отображается таким, каким оно было запланировано).

rAETj0JeElw.jpg

 

Научите - в чем я ошибся/как исправить?

 

Код таблицы с которой начинает плыть верстка:


<table style="width:100%;"> <tbody> <tr> <td colspan="4" align="center" valign="middle" class="a" style="padding:5px 0;font-weight:bold; font-size:30px; color:#333; font-family:helvetica,arial,sans-serif; line-height:30px; font-size:25px"> О нас:</span></td> </tr> <tr> <td colspan="4" align="center"> <span style="font-family:arial,helvetica,sans-serif;font-size:16px; display:block; margin: auto; ">текст:</span></td> </tr> <tr height="30px"> <td align="center" height="40px" width="25%" title="Кликните, чтобы скачать коммерческое предложение" > <a href=" .." style=" height:50px;width:25%;"><img alt="" src=";" /></a></td> <td align="center" height="40px" width="25%" title="Кликните, чтобы скачать коммерческое предложение" style="position:relative; width:25%"> <a href="..." style=" height:50px;width:25%; "><img alt="" src="" style="width:80%; height:auto; vertical-align:bottom;" /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3; position:relative;"> <a href="" style=" display:block; height:50px;"><img alt="" src="" style="height:100%; width:auto; vertical-align:bottom; opacity:0.3;" /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:50px;width:25%;"><img alt="" src="" style="width:80%; height:auto; opacity:0.3; " /></a></td> </tr> <tr height="30px"> <td align="center" title="Кликните, чтобы скачать коммерческое предложение"> <a href="" style="display:block; font-size: 16px;"><span class="text1">А (Россия)</span></a></td> <td align="center" title="Кликните, чтобы скачать коммерческое предложение"> <a href="" style="display:block; font-size: 16px;">Э (Россия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;"> (Россия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;">D (Турция)</a></td> </tr> <tr height="50px"> <td align="center" height="40px" width="25%" title="Кликните, чтобы скачать коммерческое предложение"><a href="..." style=" height:50px;width:25%;"><img alt="" src="" style=" height:100%; width:auto; vertical-align:bottom; " /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:50px;width:25%;"><img alt="" src="" style=" width:80%; height:auto; opacity:0.3;" /></a></td> <td align="center" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:50px;width:25%;"><img alt="" src="" style="width:80%; height:auto; opacity:0.3;" /></a></td> <td align="center" valign="middle" height="40px" width="25%" title="Коммерческое предложение в разработке" style="opacity:0.3;"> <a href="" style=" height:40px;width:25%;"> <img alt="" src="" style="width:80%; height:auto; opacity:0.3;"/></a></td> </tr> <tr height="30px"> <td align="center" title="Кликните, чтобы скачать коммерческое предложение"> <a href="" style="display:block; font-size: 16px;">K(Германия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;">Z (Германия)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;"> (Франция)</a></td> <td align="center" title="Коммерческое предложение в разработке"> <a href="" style="display:block; font-size: 16px;">TШвеция)</a></td> </tr> <tr height="15px"> <td colspan="4"> </td> <tr> </tbody> </table> 
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.