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

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

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

вот мой код

<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>

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

html,css,outlook,

0

Ответов: 1


0

Вы можете попробовать использовать border = cellpadding = для стилизации таблицы вместо использования cssи т. Д. На самом деле вы уже отметили вопрос как css, так что, я думаю, вы видели, как это происходит :-)

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

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

HTML, CSS, внешний вид,
Похожие вопросы