[HTML] problem z Border w tabelce po wysłaniu email

[Lokii]

Witam

Problem przedstawia się następująco: pociłem layoth a następnie powkładałem go do tabelki w htmlu, jest to związane z faktem, że szablon został stworzony do wysyłania formą email tak więc css nie mogłem (albo też nie potrafie) go zastosować.

oto kod który działa poprawnie w podglądzie:

Kod:

<table width="700" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="52" height="25" bgcolor="#6699cc">&nbsp;</td>
    <td colspan="15" style="background-color:#cbcbcb;width:596px;height:25px;text-align:center;" ><img src="obrazek" alt="" width="600" height="475" /></td>
    <td width="52" height="25" bgcolor="#ff9900">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#6699cc" height="25"></td>
    <td colspan="15" bgcolor="#FFFFFF" style="background-color: rgb(203, 203, 203); width: 596px; height: 25px; text-align: center;"><a href="link" target="_blank" rel="nofollow"><img src="obrazek" alt="" width="600" height="32" border="0" /></a></td>
    <td bgcolor="#ff9900" height="25"></td>
  </tr>
  <tr>
    <td bgcolor="#6699cc" height="25"></td>
    <td colspan="15" bgcolor="#FFFFFF" style="background-color: rgb(203, 203, 203); width: 596px; height: 25px; text-align: center;"><img src="obrazek" alt="" width="600" height="92" /></td>
    <td bgcolor="#ff9900" height="25"></td>
  </tr>
  <tr>
    <td bgcolor="#6699cc" height="25"></td>
    <td colspan="15" bgcolor="#FFFFFF" style="background-color: rgb(203, 203, 203); width: 596px; height: 25px; text-align: center;"><a href="link" target="_blank" rel="nofollow"><img src="obrazek" alt="" width="600" height="54" border="0" /></a></td>
    <td bgcolor="#ff9900" height="25"></td>
  </tr>
  <tr>
    <td bgcolor="#6699cc" height="25"></td>
    <td colspan="15" bgcolor="#FFFFFF" style="background-color: rgb(203, 203, 203); width: 596px; height: 25px; text-align: center;"><a href="link" target="_blank" rel="nofollow"><img src="obrazek" alt="" width="600" height="147" border="0" /></a></td>
    <td bgcolor="#ff9900" height="25"></td>
  </tr>
</table>

tak jak widać wszystkie wartości są na 0:

Kod:

border="0" cellpadding="0" cellspacing="0"

Problem pojawia się po wysłaniu na gmail:


Zaznaczyłem czerwonymi strzałkami kreski poziome szare których nie powinno być a nie widać ich w podglądzie.
By było ciekawiej, problem występuje w przeglądarkach chrome oraz firefox, w IE nie ma tego problemu.

W jpg gdzie jest podpisany link url występuje ten problem.

Dziękuję z góry za pomoc.

[Pedro84]

Ja mam taką jedyną i słuszną radę: przerób jakiś kurs html, bo od takiego spaghetti to oczy bolą.

Chcesz dokument zbudować na tabelach? Nigdy to nie było poprawne, ale część ludzi tak robiła, circa 6-10 lat temu...

[Storm]

Tak się akurat składa, że tabele w mailach (newslettery) to w 2011 standard z wielu powodów i w tym wypadku jest to jak najbardziej pożądane. Style "inline" to po prostu mus.

[Kartofelek]

1) Spróbuj wrzucić do 1 linii - nie umieszczaj TD w nowych liniach
2) Możliwe że display:block dla img pomoże
3) Podobnie daj dla table w stylowaniu border:0; table-layout:fixed itp. Czasami trzeba to i to dawać
4) Przepuść to tym http://getfractal.com/
5) Urywki kodu schowaj sobie w kieszeń . Skąd wiesz że błąd siedzi tutaj? Przecież równie dobrze możesz mieć błędy wcześniej (złe nagłówki, deklaracje itp)

6) Swoją drogą - wysyłanie maila bez ALT dla obrazków lub jakiegokolwiek tekstu jest głupie. Inna sprawa że tekstowe wiadomości są o wiele skuteczniejsze...