If gte mso 9 что это

If gte mso 9 что это

Далее идет таблица стилей которая содержит
mso-style-next:Normal;
mso-pagination:widow-orphan;
.
и так далее.

Перерыл инет но так ничего и не понел что это такое MSO?

Может кто знает где можно подробно прочитать про все это?

Re: [if gte mso 9] — Что это!?

От:	night
Дата:	14.10.05 07:33
Оценка:	+1

Здравствуйте, leksaa, Вы писали:

L>Может кто знает где можно подробно прочитать про все это?

L>СПАСИБО!

это MS Office имхо.

сохрани текст из Word’a, в формате HTML, он тебе еще и не такое навставляет

Re[2]: [if gte mso 9] — Что это!?

От:	leksaa	www.mbfbm.ru
Дата:	14.10.05 07:39
Оценка:

N>это MS Office имхо.

N>сохрани текст из Word’a, в формате HTML, он тебе еще и не такое навставляет 🙂

Да это я уже понел что hmtl был сгенерирован посредством MS Office.
Но для чего такие файлы в инет выкладывать, они же много весят да и стили то эти не использую при просмотре этого файла в браузере!

Re: [if gte mso 9] — Что это!?

От:	DrZubr
Дата:	14.10.05 07:43
Оценка:	1 (1)

Здравствуйте, leksaa, Вы писали:

L>Привет, ВСЕМ!

L>Тут переделываю код одного сотрудника и встретился с таким кодом:
L>

Item1 END —>
Item2 END —>

Рассмотрим каждый фрагмент кода подробнее.

Сначала мы создаем таблицу шириной 100%, в которой и размещаем блоки. Это сделано для того, чтобы все прочие объекты не пытались обтекать наши блоки с товарами.

Следует обратить внимание еще на пару моментов: параметр display у нашего блока следует указывать как inline-block, также следует указывать параметр float. Сами блоки следует писать без пробелов и переносов строк (они могут быть внутри комментариев, для бОльшего удобства восприятия). Это решит проблему в веб интерфейсе Outlook.com (hotmail.com), где блоки отображаются как «инлайновые».
Если в outlook 2010/2013 возникает проблема с лишними отступами, ее можно решить, заключив контент блока в

Но это может вызвать проблемы в outlook 2007.

Между блоков следует код в — этот код предназначен исключительно для Outlook 2007/2010/2013. Он не поддерживает блочные теги, поэтому специально для него мы формируем вспомогательные ячейки таблицы.

При объявлении блоков можно комбинировать значения ширины указанной в процентах и ограничением минимальной ширины (чтобы блоки перескакивали, достигнув какой-то минимальной ширины)

Родительская таблица

В любом случае, максимальную ширину письма следует ограничивать.
Для большинства веб интерфейсов достаточно указать параметр max-width, который и решит данную задачу. Но Outlook данный параметр игнорирует. Поэтому для версий Outlook 2003-2013, а также Lotus следует все обернуть в таблицу созданную специально для него, а также чтобы исключить проблем в устаревшей версии Safari, необходимо добавить div с ограничением максимальной ширины:

А также следует у родительской таблицы задать класс, ширину которого описать в области head. При этом следует прописать параметр для мобильных устройств:

 @media only screen and (max-device-width: 600px), only screen and (max-width: 600px) < table[class="table600"]< width:100% !important; max-width:700px; >> .table600

Как вы видите, это несколько противоречит тому, что было написано в предыдущей статье об использовании style. Дело в том, что почти все веб-интерфейсы игнорируют данный параметр (вернее — вырезают), а вот мобильные почтовые клиенты по-умолчанию интерпретируют корректно (приложение Почта на Android до версии 5.0 и приложение Mail на iOS).
Это нам дает некоторую свободу в использовании дополнительных плюшек для мобильных устройств.

Изображения в тексте

Часто необходимо вставить изображение с обтеканием. Для корректного отображения в outlook следует использовать следующую конструкцию:

Медиа запросы(@media)

Наиболее популярные мобильные почтовые клиенты (стандартное приложение Android и iOS) поддерживают медиа-запросы, так что можно использовать стандартные приемы, применяемые при верстке адаптивных сайтов:

 html < -webkit-text-size-adjust:none; -ms-text-size-adjust: none;>@media only screen and (max-device-width: 600px), only screen and (max-width: 600px) < table[class="table600"]< width: auto !important; max-width:600px; >td[class="mob_center"] < text-align: center !important; >div[class="mob_center_bl"] < float:none !important; display: block !important; margin: 0 auto; >> .table600

Обратите внимание на первую строку — стиль -webkit-text-size-adjust:none; позволяет предотвратить увеличение шрифта на iOS-устройствах, это в значительной степени сделает отображение более аккуратным.

Также, вы, наверное, обратили внимание, что в качестве селекторов используются не классы, а атрибуты. Это критично для веб-интервейса yahoo.com

И так, подведем небольшой итог по данной статье:

Верстая адаптивное письмо следует помнить:

1. параметры ширины должны быть указаны в процентах (если блок не является «плавающим»)
2. максимальная ширина блока, вместе со всеми внешними рамками и отступами не должна превышать 320px
3. Outlook не воспринимает блочную структуру, для него нужно прописывать спец.теги, где описывать табличную структуру.
4. Outlook.com(hotmail) плавающие блоки интерпретирует как инлайновые. поэтому не следует оставлять лишние пробелы и символы переноса строки
5. приложение Gmail не поддерживает медиа-запросы (также как приложение от mail.ru, yandex.ru и большинство других)

• верстка писем,
• адаптивная верстка,
• копилка идей,