M
M
Mariana Marianova2018-03-30 16:20:54
Outlook
Mariana Marianova, 2018-03-30 16:20:54

Question to those who typeset email letters under outlook?

It is required to make a block with a background in the form of a picture - and inside it a button with a rounding
. I'm trying to do it this way:

spoiler
<table>
    <tr>
        <td background="http://galiy-web.ru/email-images/header-bg.jpg" width="100%"
            style="background-image:url(http://galiy-web.ru/email-images/header-bg.jpg)" bgcolor="#71d6ff"
            height="250"
            valign="top" align="center">
            <!--[if gte mso 9]>
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"
                    style="width:520px;height:250px;">
                <v:fill type="tile" src="http://galiy-web.ru/email-images/header-bg.jpg" color="#71d6ff"/>
                <v:textbox inset="0,0,0,0">
            <![endif]-->
            <div>
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="center">
                            <div><!--[if mso]>
                                <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                             xmlns:w="urn:schemas-microsoft-com:office:word" href="http://"
                                             style="height:44px;v-text-anchor:middle;width:168px;"
                                             arcsize="50%"
                                             stroke="f"
                                             fillcolor="#ffffff">
                                    <w:anchorlock/>
                                    <center>
                                <![endif]-->

                                <!--[if !mso]><!-->
                                <center>
                                    <a href="#" class="radius secondary transform-uppercase" href="#">Read
                                        More
                                    </a>
                                </center>
                                <!--[endif]-->

                                <!--[if mso]>
                                </center>
                                </v:roundrect>
                                <![endif]--></div>
                        </td>
                    </tr>
                </table>
            </div>
            <!--[if gte mso 9]>
            </v:textbox>
            </v:rect>
            <![endif]-->
        </td>
    </tr>
</table>

But along the way, nesting mso comments does not work?
Since the background in the form of a picture in outlook is shown, but the button inside it is not. It turns out that either the background or the rounded button works - when you disable each mso comment in turn.

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question