Ir para conteúdo

POWERED BY:

Arquivado

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

Neriton Dias

Espaços gigantes entre imagens.

Por , em Desenvolvimento frontend

Recommended Posts

Neriton Dias    0

Neriton Dias
Postado

Boa tarde.

 

Bom eu gostaria de saber o motivo pelo qual existe um espaço gigante entre as imagens no meu documento.

 

Quer dizer só existe os espaços quando coloco o codigo em e-mail para enviar como E-MAIL MARKETING.

O codigo e esse:

 

OBS: Eu fatiei a imagem peguei o codigo direto do photoshop CS6

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Tabela_01" width="600" height="1120" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="24">
			<img src="http://email.web44.net/imagens/Top_top.jpg" width="600" height="32" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="32" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="4">
			<a href="http://www.kerosuplementos.com.br/" target="_blank"
				onmouseover="window.status='Kero Suplementos';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/KeroSuplementos.jpg" width="284" height="150" border="0" alt="Kero Suplementos"></a></td>
		<td colspan="6" rowspan="4">
			<a href="#"
				onmouseover="window.status='Informacoes 01';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Top_Info.jpg" width="150" height="150" border="0" alt="Informacoes 01"></a></td>
		<td colspan="10">
			<a href="#"
				onmouseover="window.status='Informacoes 02';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Top_Info2.jpg" width="166" height="102" border="0" alt="Informacoes 02"></a></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="102" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<a href="http://fb.com/kerosuplementos/" target="_blank"
				onmouseover="window.status='Facebook Kero Suplementos';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Facebook.jpg" width="44" height="44" border="0" alt="Facebook Kero Suplementos"></a></td>
		<td>
			<a href="#"
				onmouseover="window.status='Informacoes 02';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Top_Info2-07.jpg" width="7" height="1" border="0" alt="Informacoes 02"></a></td>
		<td rowspan="2">
			<a href="www.twitter.com/kerosuplementos" target="_blank"
				onmouseover="window.status='Twitter Kero Suplementos';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Twitter.jpg" width="45" height="44" border="0" alt="Twitter Kero Suplementos"></a></td>
		<td>
			<a href="#"
				onmouseover="window.status='Informacoes 02';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Top_Info2-09.jpg" width="7" height="1" border="0" alt="Informacoes 02"></a></td>
		<td colspan="3" rowspan="2">
			<a href="http://www.blogkerosuplementos.com.br/" target="_blank"
				onmouseover="window.status='Blog Kero Suplementos';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Blog.jpg" width="45" height="44" border="0" alt="Blog Kero Suplementos"></a></td>
		<td>
			<a href="#"
				onmouseover="window.status='Informacoes 02';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Top_Info2-11.jpg" width="18" height="1" border="0" alt="Informacoes 02"></a></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://email.web44.net/imagens/Email_11.jpg" width="7" height="47" alt=""></td>
		<td rowspan="2">
			<img src="http://email.web44.net/imagens/Email_12.jpg" width="7" height="47" alt=""></td>
		<td rowspan="9">
			<img src="http://email.web44.net/imagens/Email_13.jpg" width="18" height="645" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="43" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="#"
				onmouseover="window.status='Informacoes 01';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Top_Info-15.jpg" width="1" height="4" border="0" alt="Informacoes 01"></a></td>
		<td colspan="2">
			<img src="http://email.web44.net/imagens/Email_15.jpg" width="43" height="4" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/Email_16.jpg" width="45" height="4" alt=""></td>
		<td colspan="3">
			<img src="http://email.web44.net/imagens/Email_17.jpg" width="45" height="4" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="http://www.kerosuplementos.com.br/" target="_blank"
				onmouseover="window.status='Kero Suplementos';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/KeroSuplementos-19.jpg" width="18" height="1" border="0" alt="Kero Suplementos"></a></td>
		<td colspan="2" rowspan="2">
			<a href="http://www.kerosuplementos.com.br/emagrecimento-s4/" target="_blank"
				onmouseover="window.status='Emagrecimento';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Emagrecimento.jpg" width="164" height="33" border="0" alt="Emagrecimento"></a></td>
		<td colspan="5" rowspan="2">
			<a href="http://www.kerosuplementos.com.br/pre-treino-s28/" target="_blank"
				onmouseover="window.status='Pre Treino';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Pre-Treino.jpg" width="114" height="33" border="0" alt="Pre Treino"></a></td>
		<td colspan="7" rowspan="2">
			<a href="http://www.kerosuplementos.com.br/massa-muscular-s16/" target="_Blank"
				onmouseover="window.status='Massa Muscular';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Massa-Muscular.jpg" width="165" height="33" border="0" alt="Massa Muscular"></a></td>
		<td colspan="5" rowspan="2">
			<a href="http://www.kerosuplementos.com.br/proteinas-s30/" target="_blank"
				onmouseover="window.status='Proteinas';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Proteinas.jpg" width="118" height="33" border="0" alt="Proteinas"></a></td>
		<td colspan="2" rowspan="3">
			<img src="http://email.web44.net/imagens/Email_23.jpg" width="3" height="78" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="http://email.web44.net/imagens/Email_24.jpg" width="18" height="401" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="32" alt=""></td>
	</tr>
	<tr>
		<td colspan="19">
			<img src="http://email.web44.net/imagens/Email_25.jpg" width="561" height="45" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="45" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<img src="http://email.web44.net/imagens/Email_26.jpg" width="216" height="324" alt=""></td>
		<td colspan="5">
			<a href="http://www.kerosuplementos.com.br/proteinas-s30/" target="_blank"
				onmouseover="window.status='Veja Mais';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Veja-Mais.jpg" width="145" height="53" border="0" alt="Veja Mais"></a></td>
		<td rowspan="4">
			<img src="http://email.web44.net/imagens/Email_28.jpg" width="25" height="520" alt=""></td>
		<td colspan="9">
			<a href="http://www.kerosuplementos.com.br/mega-saldao-s48/" target="_blank"
				onmouseover="window.status='Mega Saldao';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Mega-Saldao.jpg" width="176" height="53" border="0" alt="Mega Saldao"></a></td>
		<td rowspan="4">
			<img src="http://email.web44.net/imagens/Email_30.jpg" width="2" height="520" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="53" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="3">
			<img src="http://email.web44.net/imagens/Email_31.jpg" width="145" height="467" alt=""></td>
		<td colspan="9" rowspan="3">
			<img src="http://email.web44.net/imagens/Email_32.jpg" width="176" height="467" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="271" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://email.web44.net/imagens/Email_33.jpg" width="15" height="196" alt=""></td>
		<td colspan="2">
			<a href="http://www.kerosuplementos.com.br/2w-whey-protein-900g-bodyaction-p98/" target="_blank"
				onmouseover="window.status='Comprar 2W Whey Protein - BodyAction (900g)';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Comprar.jpg" width="147" height="101" border="0" alt="Comprar 2W Whey Protein - BodyAction (900g)"></a></td>
		<td colspan="4" rowspan="2">
			<img src="http://email.web44.net/imagens/Email_35.jpg" width="72" height="196" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="101" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="http://email.web44.net/imagens/Email_36.jpg" width="147" height="95" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="95" alt=""></td>
	</tr>
	<tr>
		<td colspan="24">
			<img src="http://email.web44.net/imagens/Email_37.jpg" width="600" height="131" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="131" alt=""></td>
	</tr>
	<tr>
		<td colspan="24">
			<img src="http://email.web44.net/imagens/Email_38.jpg" width="600" height="101" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="101" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="4">
			<img src="http://email.web44.net/imagens/Email_39.jpg" width="197" height="107" alt=""></td>
		<td colspan="5">
			<a href="http://www.kerosuplementos.com.br/" target="_blank"
				onmouseover="window.status='http://www.kerosuplementos.com.br/';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Site-Kero-Suplementos.jpg" width="137" height="13" border="0" alt="http://www.kerosuplementos.com.br/"></a></td>
		<td colspan="14" rowspan="2">
			<img src="http://email.web44.net/imagens/Email_41.jpg" width="266" height="23" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="13" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="http://email.web44.net/imagens/Email_42.jpg" width="137" height="10" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://email.web44.net/imagens/Email_43.jpg" width="36" height="84" alt=""></td>
		<td colspan="5">
			<a href="http://www.kerosuplementos.com.br/" target="_blank"
				onmouseover="window.status='http://www.kerosuplementos.com.br/';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://email.web44.net/imagens/Kero-Suplementos-Logo.jpg" width="137" height="75" border="0" alt="http://www.kerosuplementos.com.br/"></a></td>
		<td colspan="13" rowspan="2">
			<img src="http://email.web44.net/imagens/Email_45.jpg" width="230" height="84" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="75" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="http://email.web44.net/imagens/Email_46.jpg" width="137" height="9" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="15" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="144" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="15" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="50" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="9" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="30" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="26" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="17" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="45" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="42" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="http://email.web44.net/imagens/spacer.gif" width="18" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</center>
</body>
</html>

Com ele online fica normal, porem quando coloco o mesmo em uma folha de E-Mail fica assim:

 

como%20esta.png

Alguem tem alguma ideia de como posso resolver esse problema?

Agradecido desde ja.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

declare largura e altura na tabela e nas TDs.

 

leia:

http://wbruno.com.br/2011/09/22/como-recortar-email-marketing/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito