Условный комментарий для настольной версии Outlook не работает

Я продолжаю сталкиваться с проблемами с моими условными комментариями для настольной версии Outlook. При просмотре электронной почты в Outlook 2013 она по-прежнему отображается с рамкой и тем же размером шрифта, что и для клиентов, отличных от MSO.

Я также поставил условные комментарии в теге head, но это тоже не сработало.

Может ли кто-нибудь из вас заметить опечатку или ошибку где-то в коде?

Это весь код, который я использую:

<html xmlns="http://www.w3.org/1999/xhtml">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>Outlook conditional comments</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">

</head>

    <body>
    <!--[if gte mso 9]>
    <table class="lookout" border="0" cellpadding="0" cellspacing="0" align="left" style="max-width: 600px; 
    width: 100%; height: auto; font-size:3em;"> <tbody> <tr> <td>Increasing sales </td> </tr> </tbody> </table>
    <![endif]-->
        <table class="lookout" border="1" cellpadding="0" cellspacing="0" align="center" style="max-width: 600px; width: 100%; height: auto; font-size:1em;">
            <tbody>
                <tr>
                    <td>Increasing Sales</td>
                </tr>
            </tbody>
        </table>
</body>
</html>

Заранее большое спасибо Дани


outlook email-client html-email
person Dani Uff    schedule 10.09.2016    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Он показывает границу, потому что второй <table> не скрыт от Outlook. Outlook 2007/10/13/16 отображает оба <table>s.

Мы хотим написать две таблицы и обернуть каждую в тег <mso>: одна отображает <table> только для Outlook 2007/10/13/16, а другая скрывает <table> только для Outlook 2007/10/13/16. Что-то вроде этого:

<body>
    <!--[if gte mso 9]>
    <table class="lookout" border="0" cellpadding="0" cellspacing="0" align="left" style="max-width: 600px; 
    width: 100%; height: auto; font-size:3em;">
        <tbody>
            <tr>
                <td>Increasing sales In Outlook 2007/10/13/16</td>
            </tr>
        </tbody>
    </table>
    <![endif]-->

    <!--[if !mso 9]><!-->
    <table class="lookout" border="1" cellpadding="0" cellspacing="0" align="center" style="max-width: 600px; width: 100%; height: auto; font-size:1em;">
        <tbody>
            <tr>
                <td>Increasing Sales everywhere else</td>
            </tr>
        </tbody>
    </table>
    <!--<![endif]-->
person Ted Goas    schedule 12.09.2016

arrow_upward
0
arrow_downward

Он отображается с рамкой и размером шрифта, потому что нижняя таблица не скрыта. Также я чаще всего использую этот термин: <!--[if (gte mso 9)|(IE)]> Кажется, он лучше всего подходит для большинства клиентов MSO.

person Niqql    schedule 12.09.2016

arrow_upward
0
arrow_downward

@Niklas и @Ted: большое спасибо за ваши ответы.

Я предпринял еще одну попытку и отправил электронное письмо именно так, как вы предложили Теду, но, к сожалению, рамка и размер шрифта 1em снова были в Outlook 2013. Мне было интересно, может ли почтовый клиент, из которого оно отправлено, повлиять на то, как оно отображается в почтовом клиенте, он просматривается позже. Я отправил его с gmail. Я сохранил html-документ из браузера и скопировал его в gmail.

Вот как выглядит скопированный мной HTML-файл:

<html xmlns="http://www.w3.org/1999/xhtml">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>Outlook conditional comments</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">

</head>

    <body>
    <!--[if gte mso 9]>
    <table class="lookout" border="0" cellpadding="0" cellspacing="0" align="left" style="max-width: 600px;
    width: 100%; height: auto; font-size:3em;"> <tbody> <tr> <td>Increasing sales 13</td> </tr> </tbody> </table>
    <![endif]-->

    <!--[if !mso 9]>      <!-->
        <table class="lookout" border="1" cellpadding="0" cellspacing="0" align="center" style="max-width: 600px; width: 100%; height: auto; font-size:1em;">
            <tbody>
                <tr>
                    <td>Increasing Sales everwhere else</td>
                </tr>
            </tbody>
        </table>
     <!--<![endif]-->
</body>
</html>

Любые мысли или комментарии по поводу нового кода приветствуются.

Дэни

person Dani Uff    schedule 16.09.2016