Как закруглить углы контейнеру в верстке электронных писем (outlook)?

Начала использовать Zurb Foundarion для верстки электронных писем.
Нужно контейнеру задать border-radius. Во всех почтовых серверах border-radius отображается, а в outlook нет. Использую код xml специально для outlook, но не помогает. Мне кажется это из-за v:textbox, так как внутри container у меня не текст, а элементы таблицы. Тогда что вместо него использовать?

<!--[if mso]>
<v:roundrect fillcolor="red" arcsize="35%" style="width:600;height:800">
<v:textbox style="mso-fit-shape-to-text:true">
<!--[endif]-->
<div>
        <container style="border-radius:10px;overflow: hidden;" class="custom-p">
                <row>
                        <columns class="custom-p">
                                Текст
                        </columns>
                </row>
        </container>
<div>
<!--[if mso]>
</v:textbox>
</v:roundrect>
<!--[endif]-->


P.S.

Я разобралась. Может кому-то пригодится:
С помощью кода xml можно Сделать border-radius для outlook:
Всего лишь нужна такая конструкция (то, что закомментированно):
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" 
                    xmlns:w="urn:schemas-microsoft-com:office:word"
                    style="width:580px;height:550;"
                    arcsize="2%" stroke="0"
                    fill="t">
<!--[endif]-->
<div>
        <container style="border-radius:10px;overflow: hidden;" class="custom-p">
                <row>
                        <columns class="custom-p">
                                Текст
                        </columns>
                </row>
        </container>
<div>
<!--[if mso]>
</v:roundrect>
<!--[endif]-->
  • Вопрос задан
  • 3366 просмотров
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
border-radius и не во всех браузерах работает,а Вы хотите, что бы в почтовиках работал? Где-то будет, где-то нет. Таковы реалии:
https://caniuse.com/#search=border-radius

Если надо кровь из носу везде одинаково, во всех почтовых - только таблицами и картинками. Страшно, больно, тошнит от такой верстки, понимаю, но будет работать.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы