Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[HTML] problem z Border w tabelce po wysłaniu email - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [HTML] problem z Border w tabelce po wysłaniu email (/thread-html-problem-z-border-w-tabelce-po-wyslaniu-email)

[HTML] problem z Border w tabelce po wysłaniu email - Lokii - 12-07-2011

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:
[Obrazek: problemt.jpg]

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.

RE: [HTML] problem z Border w tabelce po wysłaniu email - Pedro84 - 12-07-2011

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...

RE: [HTML] problem z Border w tabelce po wysłaniu email - Storm - 12-07-2011

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.

RE: [HTML] problem z Border w tabelce po wysłaniu email - Kartofelek - 12-07-2011

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ń Smile. 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...