Ir para conteúdo

POWERED BY:

Arquivado

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

Thiago Tasca

Problema com espaço em tabelas

Por , em Desenvolvimento frontend

Recommended Posts

Thiago Tasca    0

Thiago Tasca
Postado

Boa noite galera !

 

Primeira vez que to postando aqui no fórum, já resolvi várias duvidas em outros tópicos mas esse problema eu não consegui resolver de jeito nenhum, ja virei a net e não consegui resolver !

 

Eu fiz uma assinatura de e-mail pra usa no outlook e fica um espaço entre as tabelas que no browser não aparece, quando envio fica assim:

 

No hotmail:

 

hotmail.jpg

 

No Gmail:

 

gmail.jpg

 

E no yahoo, outlook e no email do servidor ( que achei que não ia nem puxar as imagens ) fica correta sem nenhum problema:

 

yahoo.jpg

 

E aqui segue o código:

<html>
<head></head>
<body>
<table width="567" height="95" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="154" height="95" rowspan="4" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/1.jpg" border="0" />
    </td>
    <td width="324" height="43" colspan="4" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/2.jpg" border="0" />
    </td>
    <td width="17" height="95" rowspan="4" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/3.jpg" border="0" />
    </td>
  </tr>
  <tr>
    <td width="324" height="10" colspan="3">
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/4.jpg" border="0" />	
    </td>
    <td width="324" height="10" colspan="1" >		
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/5.jpg" border="0" />
    </td>
  </tr>
  <tr>
    <td width="324" height="11" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/6.jpg" border="0" />
    </td>
    <td width="324" height="11" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/7.jpg" border="0" />
    </td>
    <td width="324" height="11" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/8.jpg" border="0" />
    </td>
    <td width="324" height="11" >
      <img src="http://www.deepinsidemusic.com.br/assinatura/img/9.jpg" border="0" />
    </td>
  </tr>
  <tr>
    <td width="324" height="31" colspan="4" >
       <img src="http://www.deepinsidemusic.com.br/assinatura/img/10.jpg" border="0" />
    </td>
  </tr>
</table>
</body>
</html>

Eu acredito que tá tudo correto, eu procurei muito na internet ( até achei outras alternativas ), por que eu tinha começado com o código bem simples só a imagem de fundo e o resto em texto, mas mesmo assim não funcionou, ai desisti e fiz tudo em tabela e imagem e voltou a não funcionou, até usei os map links do dreamweaver mas não leu nos emails, acho que é isso !

 

Abraço

Thiago Tasca

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diogo Rodrigues_79134    4

Diogo Rodrigues_79134
Postado

Olá Thiago!

 

Tente incluir a seguinte declaração no seu CSS:

 

table { border-collapse: collapse; }

 

ou no seu HTML (mas não é uma prática recomendada):

 

<table width="567" height="95" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">

 

;D

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

Além da sugestão do Diogo, recomendo também declarar as larguras e alturas exatas nas tags IMG, e ainda na tag IMG acrescentar:

valign="middle"


Retire também as tags html, head e body. Só a tabela pura é válida para incluir no e-mail.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Tasca    0

Thiago Tasca
Postado

vlw pelas sugestões vou testar aqui !

 

Abraço.



Tentei as 2 sugestões e não deu nenhum resultado, acho que vou usar a imagem mesmo com link, mas obrigado pela ajuda, se eu acabar achando uma solução eu posto aqui.

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Boa tarde,

 

Creio que estes artigos lhe ajudem:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Tasca    0

Thiago Tasca
Postado

 

Cara eu já tinha visto esses posts antes, mas não tinha me lembrado deles, fiz como eles sugeriram e tal, fiz até com tabela dentro de tabela mas mesmo assim só uma parte do meio ali da assinatura resolveu, o resto ficou igual.

 

Acho que vou usar só a imagem mesmo com um link, se não vai ocupa muito do meu tempo só com essa assinatura, mas vlw ai galera, se uma hora acha uma solução melhor eu mando aqui !

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Tasca    0

Thiago Tasca
Postado

Boa tarde galera, depois de um tempo sem me incomodar com esse problema, apareceu outra assinatura de email pra fazer, peguei e fiz de todos os jeitos possiveis pra não ocorrer o erro denovo e mesmo assim o erro persistiu, só que dessa vez eu vi um problema que eu não tinha visto antes, na assinatura do hotmail ele criou um monte de caracteres invisiveis (   ) ai eu dei uma olhada no código que eu fiz e entendi a burrada que eu tava fazendo, eu tava colocando os códigos todos identados ai tava criando esses espaços que eu nem me toquei e achava que era as tabelas que estavam dando erro, resumindo foi um erro muito tosco mesmo ( espero que ajude outros com o mesmo problema ), agradeço a ajuda de vcs com as soluções que foram muito úteis mesmo, eu tinha arrumado erros que eu não sabia !

 

Edit: Faltou colocar o que eu fiz pra resolver, eu só deletei todos os espaços entre as tags deixei todas coladas uma na outra !

 

Abraço.

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