Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RaphaelF

Alinhar ou Recuar Imagem

Recommended Posts

Olá, não tenho nenhum conhecimento em HTML, mas preciso usa-lo para criar uma assinatura de email, acontece que cheguei a um empecilho que não consigo resolver. Eu quero que tenha uma imagem a esquerda, um texto em formato de tabela e outra imagem a direita, oque acontece é que a imagem a direita fica na extrema direita, então quando eu copio para o gmail esta imagem não aparece. Segue foto do que quero dizer.

s13z9g.png

Eu queria que essa imagem a direita recuasse para quase perto do texto, para que assim eu consiga copia-la de uma forma que o gmail reconheça.

Segue abaixo o código que estou usando.

<hr size="1" />
<table>
	
<tr>
		
<td style="font-family:tahoma,arial,verdana; font-size:11px; text-align:center" valign="top">
			
<img src="http://i65.tinypic.com/35b9z4z.png" border="0" />
</td>	
<td style="font-family:tahoma,arial,verdana; font-size:12px; padding-left:10px">      		
<strong>Joao</strong><br />
XXXXXXX XX XXXXX <br />			
XXXXXXXX@gmail.com <br />
(43) XXXXX-XXX <br />
</td>
<a href="https://www.facebook.com/" target="_blank"><img src="http://i66.tinypic.com/21erinb.jpg" align="right"/>	
</tr>
</table>

Compartilhar este post


Link para o post
Compartilhar em outros sites
Duas observações:


1) O HTML está incorreto. Todo o conteúdo da tabela DEVE estar dentro de algum TD, o que não é o caso do elemento <a href...;


2) Usando CSS, coloque a tabela com largura de 100% e adicione uma largura máxima em pixels que fique conforme você quer;

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.