вертикальный разрыв между 2 изображениями в Outlook 2013, когда HTML в виде текста

#html #css #outlook

#HTML #css #outlook

Вопрос:

я создал рассылку, но между 2 изображениями есть вертикальный разрыв, и я прочитал все решения по этой проблеме и не решил. последний шанс — ввести этот портал и спросить вас, ребята: (

сначала я открываю приведенный ниже код в notepad и изменяю его, затем outlook 13 прикрепляет файл => как текст => затем появляется вертикальный разрыв.

вот мой код

 <html>
<head>
<title>mailing</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="1">
            <a href="mailto:info@ygtur.com">
                <img src="http://yucel.ygtur.com/mailing/erkenrez/images/mailing_12.jpg" style="display: block;"></a></td>
        <td colspan="1" rowspan="1">
            <a href="http://www.ygtur.com/">
                <img src="http://yucel.ygtur.com/mailing/erkenrez/images/mailing_13.jpg" style="display: block;"></a></td>
    </tr>
</table>
</body>
</html>

вот картина проблемы

Ответ №1:

Вы могли бы попробовать использовать css для оформления таблицы вместо использования border= cellpadding= etc. На самом деле вы уже отметили вопрос как css , так что, я думаю, вы это предвидели 🙂

Возможно, Outlook добавляет свой собственный css, если он его не находит, или используемый им механизм просмотра может применять значения по умолчанию, которые вы не ожидаете.

Редактировать:
У вас есть пробелы между <a href> <img> тегами и . Вы должны удалить это, это может быть причиной вашей проблемы. Это не было бы проблемой, если бы ссылка содержала только текст, но теперь в ней есть текст (пробел) изображение, и оба будут отображаться.

1. я думаю, это не проблема Outlook. разрыв также обнаружился в gmail.

2. например, я удалил теги <a href>. Но

3. <html> <head> <title>рассылка </title> <meta http-equiv=»Content-Type» content=»text / html; charset=utf-8″> </head>» marginwidth=»0″ marginheight=»0″> <идентификатор таблицы =»Table_01″ граница =»0″ заполнение ячеек =»0″ cellspacing =»0″> <tr> <td colspan=» 1 «>»> </td> <td colspan=»1″ rowspan=»1″> <img src =» yucel.ygtur.com/mailing/erkenrez/images/mailing_13.jpg » style=»отображение: блок;»></td> </tr> </таблица> </тело> </html>