Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [inne][HTML] Problem odnośnikami w Gmail, Usunięcie niebieskiego podkręślenia
--shemko--
post 28.04.2014, 01:18:14
Post #1





Goście
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
Go to the top of the page
+Quote Post
Raito
post 28.04.2014, 08:29:53
Post #2





Grupa: Zarejestrowani
Postów: 156
Pomógł: 19
Dołączył: 27.04.2014

Ostrzeżenie: (0%)
-----

Myślę, że powinno pomóc text-decoration: none;, a zaraz po tym border-bottom: 2px solid white;
Go to the top of the page
+Quote Post
--shemko--
post 28.04.2014, 10:17:17
Post #3





Goście
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
Go to the top of the page
+Quote Post
Turson
post 28.04.2014, 10:22:14
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
----- 

[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


Ten post edytował Turson 28.04.2014, 10:22:47
Go to the top of the page
+Quote Post
--shemko--
post 28.04.2014, 11:07:37
Post #5





Goście
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
Go to the top of the page
+Quote Post
mmmmmmm
post 28.04.2014, 11:15:15
Post #6





Grupa: Zarejestrowani
Postów: 1 421
Pomógł: 310
Dołączył: 18.04.2012

Ostrzeżenie: (0%)
-----

Problemem nie jest GMail, tylko Chrome.
Sprawdź: text-decoration:none !important;
Go to the top of the page
+Quote Post
shemko
post 28.04.2014, 23:25:41
Post #7





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 15.04.2012

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn