Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne][HTML] Problem odnośnikami w Gmail
Forum PHP.pl > Forum > Przedszkole
-shemko-
28.04.2014, 01:18:14
Witam, mam zlecenie na zrobienie newslettera (link do newslettera). Wszystko mam już zrobione, layout sprawdzony na różnych klientach i skrzynkach e-mail.

Problem występuje tylko na Gmail w przeglądarce. Mimo ze kolor linków jest zmieniony na biały to nadal jest pod nimi niebieskie podkreślenie (co przedstawia zdjęcie poniżej). Jak zrobić aby podkreślenie również było białe? Męczę się z tym już drugi dzień. Z góry dziękuje za pomoc.



Użyty kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  9. <title>ODECO</title>
  10. </head>
  11.  
  12. <body bgcolor="#cacaca" link="#ffffff" vlink="#ffffff" alink="#ffffff">
  13. <font face="Arial" size="2">
  14.  
  15. <table bgcolor="#cacaca" align="center" width="100%" cellspacing="0" cellpadding="0">
  16.  
  17. <tr>
  18. <td height="10">
  19. </td>
  20. <tr>
  21.  
  22. <tr>
  23. <td align="center">
  24.  
  25. <table border="0" bgcolor="#cacaca" cellspacing="0" cellpadding="0">
  26.  
  27. <tr>
  28. <td>
  29. <p style="margin: 0;font-size: 0;line-height: 0;"><img src="http://www.bagstore.pl/newsletter/top.png" style="display:block" border="0"></p>
  30. </td>
  31. </tr>
  32.  
  33. <tr>
  34. <td width="600" align="right" bgcolor="#f79226">
  35. <table border="0" cellspacing="0" cellpadding="0">
  36. <tr>
  37. <td width="150">
  38. <p style="margin: 0;font-size: 0;line-height: 0;"><img src="http://www.bagstore.pl/newsletter/logo4.png" style="display:block" border="0"></p>
  39. </td>
  40. <td width="25"></td>
  41. </tr>
  42. </table>
  43. </tr>
  44.  
  45. <tr>
  46. <td width="600" align="right" bgcolor="#f79226">
  47. <table border="0" cellspacing="0" cellpadding="0">
  48. <tr>
  49. <td width="400" align="left">
  50. <font color="#ffffff" size="6" face="Arial">
  51. PRESTIGE GROUP</font>
  52. </td>
  53. <td width="150">
  54. <p style="margin: 0;font-size: 0;line-height: 0;"><img src="http://www.bagstore.pl/newsletter/logo1.png" style="display:block" border="0"></p>
  55. </td>
  56. <td width="25"></td>
  57. </tr>
  58. </table>
  59. </tr>
  60.  
  61. <tr>
  62. <td width="600" align="right" bgcolor="#f47821">
  63. <table border="0" cellspacing="0" cellpadding="0">
  64. <tr>
  65. <td width="400" align="left">
  66. <font color="#ffffff" size="2" face="Arial">
  67. DYSTRYBUTOR MARKI ODECO W POLSCE
  68. </font>
  69. </td>
  70. <td width="150" border="0" cellpadding="0" cellspacing="0">
  71. <p style="margin: 0;font-size: 0;line-height: 0;"><img src="http://www.bagstore.pl/newsletter/logo3.png" style="display:block" border="0"></p>
  72. </td>
  73. <td width="25"></td>
  74. </tr>
  75. </table>
  76. </td>
  77. </tr>
  78.  
  79. <tr>
  80. <td width="600" align="right" bgcolor="#ffffff">
  81. <table border="0" cellspacing="0" cellpadding="0">
  82. <tr>
  83. <td width="450" align="left" border="0" cellpadding="0" cellspacing="0">
  84. </td>
  85. <td>
  86. <p style="margin: 0;font-size: 0;line-height: 0;"><img src="http://www.bagstore.pl/newsletter/logo2.png" style="display:block" border="0"></p>
  87. </td>
  88. <td width="25"></td>
  89. </tr>
  90. </table>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td width="600" bgcolor="#ffffff" >
  95. <table border="0" cellspacing="15" cellpadding="15">
  96. <tr>
  97. <td align="left">
  98. <p><font size="4" color="#444444" face="Arial"><b>Szanowni Państwo</b></font></p>
  99. <br>
  100. <font color="#444444" face="Arial" size="2">
  101. <p>Firma PRESTIGE GROUP pozostała oficjalnym dystrybutorem marki ODECO w Polsce.<br>
  102. Jest to następstwem długiej i owocnej współpracy naszej firmy z ODECO Ltd, która skutkowała podpisaniem umowy o wyłącznej dystrybucji produktów marki ODECO w Polsce.<br>
  103. Marka ODECO obecna jest na rynku już kilka lat. Dzięki Państwa zaangażowaniu udało się dla ich produktów zdobyć wielu klientów oraz ich uznanie.<br><br>
  104. Produkty marki  ODECO są coraz powszechniejsze na naszym rynku. Stały się popularne a bardzo dobry stosunek jakości do ceny oraz szeroka oferta spowodowały, iż są cenione i poszukiwane przez klientów.</p>
  105. <p>Bardzo dziękujemy za zainteresowanie naszą ofertą, nawiązując do pytań z Państwa strony poniżej prezentuje progi rabatowe   które obowiązują podczas dokonywania zamówień
  106. Rabaty naliczane są progresywnie w zależności od wielkości zamówień i ustalane na podstawie ostatnich 12 miesięcy współpracy.</p>
  107. <p>Wysokość rabatu należy pomniejszyć od cen w cenniku.<br>
  108. Polityka Rabatowa (Obrót zgromadzony w ciągu jednego okresu rozliczeniowego, 12 miesięcy)</p>
  109. <br>
  110. <hr color="#eaeaea" background="#eaeaea" height="0" size="1" border="0" />
  111. <br>
  112. <p>W tym roku obowiązują trzy progi rabatowe:</p>
  113.  W sumie zamówienia do   20 tys. PLN - <b>I tabela rabatowa</b><br> 
  114.  W sumie  zamówienia  do 40 tys. PLN - <b>II tabela rabatowa</b><br>
  115.  W sumie zamówienia powyżej 40 tys. PLN - <b>III tabela rabatowa</b><br><br>
  116. <p>Przy towarze na zamówienie obowiązuje przedpłata 30% wartości zamówienia w momencie jego składania, pozostała część 70% (ballance) płatność dokonywana jest  7 dni  przed planowanym transportem  do magazynu  w Polsce.<p>
  117. </font>
  118. </td>
  119. </tr>
  120. </table>
  121. </td>
  122. </tr>
  123.  
  124. <tr>
  125. <td bgcolor="#ffffff" align="right">
  126. <table  cellpadding="0">
  127. <tr>
  128. <td width="400" align="center" height="50">
  129. <font color=#444444" face="Arial" size="2">
  130. W razie pytań pozostajemy do Państwa dyspozycji.</font><br>
  131. <font color="#f37625" size="3" face="Arial"><i>zespół "Prestige Group"</i></font>
  132. </td>
  133. </tr>
  134. </table>
  135. </td>
  136. </tr>
  137.  
  138. <tr>
  139. <td bgcolor="#ffffff" height="50">
  140. </td>
  141. </tr>
  142.  
  143. <tr>
  144. <td bgcolor="#f6912a" height="5">
  145. </td>
  146. </tr>
  147.  
  148.  
  149. <tr>
  150. <td bgcolor="#363636" align="center">
  151.  
  152. <table cellspacing="0" cellpadding="0" border="0" width="560">
  153. <tr>
  154. <td align="center" height="40">
  155. <font color="#ffffff" face="Arial" size="2">
  156. <a href="http://www.odeco.pl" target="_blank" style="color: #fffffe;">Strona główa</a> | <a href="http://odeco.pl/pl/i/O-nas/16" target="_blank" style="color: #fffffe;">O nas</a> | 
  157. <a href="http://odeco.pl/pl/i/Regulamin/2" target="_blank" style="color: #fffffe;">Regulamin</a> | <a href="http://odeco.pl/pl/i/Kontakt/15" target="_blank" style="color: #fffffe;">Kontakt</a>
  158. </font>
  159. </td>
  160. </tr>
  161.  
  162. <tr>
  163. <td bgcolor="#000000" height="1">
  164. </td>
  165. </tr>
  166. <tr>
  167. <td bgcolor="#505050" height="1">
  168. </td>
  169. </tr>
  170.  
  171. </table>
  172. </td>
  173. </td>
  174.  
  175.  
  176.  
  177. <tr height="100">
  178. <td width="600" bgcolor="#363636">
  179. <table border="0" align="left">
  180. <tr>
  181. <td width="50"></td>
  182. <td width="200" align="left">
  183. <font color="#999999" face="Arial" size="2">
  184. Prestige Group<br>
  185. ul. Na Popielówkę 65B/1<br>
  186. 32-087 Zielonki
  187. </font>
  188. </td>
  189. <td width="200" align="left">
  190. <font color="#999999" face="Arial" size="2">
  191. Biuro i Magazyn<br>
  192. ul. Makuszyńskiego 22A<br>
  193. 32-752 Kraków <br>
  194. </font>
  195. </td>
  196.  
  197. <td width="200" align="left">
  198. <font color="#f37625" size="3" face="Arial">
  199. PRESTIGE GROUP<br>
  200. </font>
  201. <font color="#999999" face="Arial" size="2">
  202. tel. 501<span>&nbsp;</span>894<span>&nbsp;</span>529<br>
  203. e-mail: kontakt@odeco­.pl
  204. </font>
  205. </td>
  206.  
  207.  
  208. <tr>
  209.  
  210. </table>
  211.  
  212. <tr>
  213. <td>
  214. <p style="margin: 0;font-size: 0;line-height: 0;"><img src="http://www.bagstore.pl/newsletter/bottom.png"></p>
  215. </td>
  216. </tr>
  217.  
  218. </td>
  219. </tr>
  220. </table>
  221.  
  222. <table border="0" cellspacing="0" cellpadding="6">
  223. <tr>
  224. <td>
  225. <font color="#303030" face="Arial" size="1">ˆ 2014 PRESTIGE GROUP. Wszelkie prawa zastrzeżone.</font>
  226. </td>
  227. </tr>
  228. </table>
  229.  
  230. </tr>
  231. </td>
  232. </table>
  233.  
  234. </font>
  235.  
  236. </body>
  237. </html>
[HTML] pobierz, plaintext
Raito
28.04.2014, 08:29:53
Myślę, że powinno pomóc text-decoration: none;, a zaraz po tym border-bottom: 2px solid white;
-shemko-
28.04.2014, 10:17:17
Próbowałem z text-decoration: none, ale Gmail u mnie ignoruje tą opcje. Tylko sposobem style="color:" udaje mi się zmienić kolor tekstu linka, ale podkreślenie dalej zostaje niebieskie.

[HTML] pobierz, plaintext 
  1. <a href="http://www.odeco.pl" target="_blank" style="text-decoration: none;">Strona główa</a>
[HTML] pobierz, plaintext
Turson
28.04.2014, 10:22:14 
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. table.linki a{color:white;text-decoration:underline}
  3. </style>
  4.  
  5.  
  6. <table cellspacing="0" cellpadding="0" border="0" width="560" class="linki">
  7. linki
[HTML] pobierz, plaintext
-shemko-
28.04.2014, 11:07:37
Również nie działa. Może problem tkwi w tym jak wysyłam e-mail tj. otwieram plik html przez internet explorer > plik > wyślij pocztą e-mail, gdzie wiadomość wysyłam za pomocą programu Outlook.

Dziękuje wszystkim za odpowiedzi smile.gif
mmmmmmm
28.04.2014, 11:15:15
Problemem nie jest GMail, tylko Chrome.
Sprawdź: text-decoration:none !important;
shemko
28.04.2014, 23:25:41
Opcja z "important" również nie działa, próbowałem na wszystkie sposoby. Problem występuje również w internet explorer.

Chyba się poddaje. Znowu nie tak bardzo drażni to niebieskie podkreślenie, poza tym przy przeglądaniu wiadomości za pomocą klienta (outlook, mozzila) podkreślenie nie występuje.

Dziękuje wszystkim za pomoc smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.