0
I’m studying email marketing. I’m trying to put a text in a square white part in the middle of the image. However, I notice you’re not recognizing the element margin in emails. Any alternative?
I need to leave the text in the middle of the image in email marketing.
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="600">
<img src="images/Header.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; z-index: 9999;">
</td>
</tr>
<tr>
<td width="600">
<img src="images/fundo.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; margin-top: -43px; z-index: -9999;">
</td>
</tr>
<tr>
<td width="600">
<p id="text-box" style="position: relative; width: 250px; margin-top: -400px; text-align: justify;">
<span style="margin-left: 60px;font-weight: bolder;font-size: 20px;">Mês das Mães!</span> </br>
Nesse mês especial, todos os eventos realizados com o nosso <strong><a href="http://www.buffetcrepemania.com.br/index.php/buffet-de-crepe/" target="_blank" style="color:#36F;">Buffet de Crepe</a></strong> levam uma opção exclusiva: <strong>Crepe de Carne Seca com Cheddar!</strong></br>
Além disso, todas as mães no evento ganham um brigadeiro delicioso!</br>
Não perca tempo! Aproveite nossa promoção e peça um orçamento! Ligue para <strong>11. 4135-2620 </strong>ou <a href="http://www.buffetcrepemania.com.br/index.php/fale-conosco/" target="_blank" style="color:#36F;">envie uma mensagem pelo site</a>.</p>
</td>
</tr>
<tr>
<td width="600">
<img src="images/transicao.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; z-index: 9999; margin-bottom: -10px;">
</td>
</tr>
<tr style="display: inline-block;">
<td width="150" id="td-img0"><a href="http://www.buffetcrepemania.com.br/index.php/buffet-de-crepe/"><img src="images/servico1.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
<td width="150" id="td-img1"><a href="http://www.buffetcrepemania.com.br/index.php/coffe-break/"><img src="images/servico2.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
<td width="150" id="td-img2"><a href="http://www.buffetcrepemania.com.br/index.php/quem-somos/"><img src="images/servico3.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
<td width="150" id="td-img3"><a href="http://www.buffetcrepemania.com.br/index.php/quem-somos/"><img src="images/servico4.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
</tr>
<tr>
<td width="600">
<img src="images/Footer.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; margin-top: -5px;">
</td>
</tr>
</table>
Show how this is your code, where exactly you are having difficulty with email marketing?
– gato
@I put in the code.
– Asura Khan
I find it very interesting to check the tags, by this site ->https://www.campaignmonitor.com/css/
– David
@David says margin works, but with me it’s not working.
– Asura Khan
Host your images somewhere, and put your code on Jsfiddle or Codepen, and put the share link in your post, so we can view better :)
– David
Remember that many email systems today are accessed via browser, such as Gmail and Hotmail. These systems tend to "clean up" your Mac by removing anything that is not compatible with it. Focusing too much on formatting your email can be a wasted effort.
– Oralista de Sistemas