email signature does not work on mobile

0

I signed e-mail in html and css, I put it in outlook, until then okay, but on the cell phone it spaces, does anyone know what it is? It follows the images on the computer, on the cell phone, and the code

<table border="0" cellspacing="0" width="320">
<tbody  width="320">
<tr width="136">

<tr>
<td rowspan="5" width="136" ><a href="http://politicadascidades.com.br/"><img width="136" height="102" src="http://politicadascidades.com.br/img/assinaturas/assinatura-iloveimg-resize.jpg"alt="" align="top" /></a></td>
</tr>

<tr width="320">
	<td width="183" style=" padding: 0;"><span width="183" id="titulo" style="font-family: 'Helvetica Neue',Helvetica;">&nbsp;&nbsp;Fabiana Correa</span></td>
</tr>

<tr width="320">
	<td><span style="color:gray;font-family: 'Helvetica Neue',Helvetica;">&nbsp;&nbsp;Editora</span></td>
</tr>

<tr>
<td width="183"><span style="font-family: 'Helvetica Neue',Helvetica; font-size: 10px;">&nbsp;&nbsp;19</span> <span style="font-family: 'Helvetica Neue',Helvetica";>99432-4813</span>	</td>
<tr width="320">

<td width="183">&nbsp;
<a href="http://politicadascidades.com.br/"><img src="http://politicadascidades.com.br/img/assinaturas/icone-browser.png"height="17" width="17" align="bottom"></a>

&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/politicadascidades"><img src="http://politicadascidades.com.br/img/assinaturas/icone-face.png"alt="" height="17" width="17" align="bottom" /></a>

&nbsp;&nbsp;&nbsp;<a href="https://www.instagram.com/politicadascidades/"><img src="http://politicadascidades.com.br/img/assinaturas/icone-insta.png"alt="" height="17" width="17" align="bottom" /></a>

&nbsp;&nbsp;&nbsp;<a href="https://twitter.com/politicacidades"><img src="http://politicadascidades.com.br/img/assinaturas/icone-twitter.png"alt="" height="17" width="17" align="bottom" /></a>

&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCPH6zKPor8s8VRjeruSUnrw"><img src="http://politicadascidades.com.br/img/assinaturas/icone-youtube.png"alt="" height="17" width="17" align="bottom" /></a>

</td>
</tr>
</tbody>
</table>
    
asked by anonymous 26.04.2017 / 16:47

1 answer

0

Hello, have you tried using div? I adapted the signature in div by removing the spaces and placing margins, take a look and see if the result is legal.

<div style="width:320px; margin:0 auto;">
  <div style="width:42.5%; float:left;">
    <a href="http://politicadascidades.com.br/"><img width="136" height="102" src="http://politicadascidades.com.br/img/assinaturas/assinatura-iloveimg-resize.jpg"alt="" align="top" style="margin-right:5px;"/></a>
  </div>
  
  <div style="width:57.5%; float:left;">
    <p style="font-family: 'Helvetica Neue',Helvetica; margin:0 0 10px 5px;">Fabiana Correa</p>
    <p style="color:gray;font-family: 'Helvetica Neue',Helvetica; margin:0 0 10px 5px;">Editora</p>
    <p style="font-family: 'Helvetica Neue',Helvetica; font-size: 10px;margin:0 0 5px 5px;">19 <span style="font-family: 'Helvetica Neue',Helvetica; font-size: 15px;">99432-4813</span></p> 
    
    <div style="margin:10px 0px 0px 5px  ">
    <a href="http://politicadascidades.com.br/"><img src="http://politicadascidades.com.br/img/assinaturas/icone-browser.png"height="17" width="17" align="bottom" style="margin-right:5px;"/></a>

<a href="https://www.facebook.com/politicadascidades"><img src="http://politicadascidades.com.br/img/assinaturas/icone-face.png"alt="" height="17" width="17" align="bottom" style="margin-right:5px;"/></a>

<a href="https://www.instagram.com/politicadascidades/"><img src="http://politicadascidades.com.br/img/assinaturas/icone-insta.png"alt="" height="17" width="17" align="bottom" style="margin-right:5px;"/></a>

<a href="https://twitter.com/politicacidades"><img src="http://politicadascidades.com.br/img/assinaturas/icone-twitter.png"alt="" height="17" width="17" align="bottom" style="margin-right:5px;"/></a>

<a href="https://www.youtube.com/channel/UCPH6zKPor8s8VRjeruSUnrw" ><img src="http://politicadascidades.com.br/img/assinaturas/icone-youtube.png"alt="" height="17" width="17" align="bottom" /></a>
    </div>
  </div>

</div>

Talk there, if it worked okay?

    
26.04.2017 / 17:47