Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS, HTML] Problem z wyświetlaniem
Forum PHP.pl > Forum > Po stronie przeglądarki
Devik
Hej!

Mam taki problem, ponieważ muszę wysłać newsletter, a on jest oparty o tła zrobione w divach. Z tego co zauważyłem, co mogę zrobić aby zrezygnować z tła na rzecz obrazków, tak aby wszystko było widoczne? (Kiedy wysyłam testowy newsletter pokazuje się tekst, a nigdzie nie wyświetla się tło)

  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  4. <style type="text/css">
  5.  
  6. body {
  7. background-color: #fff;
  8. margin: 0;
  9. padding: 10px;
  10. text-align:center;
  11.  
  12. font-family:Tahoma;
  13. font-size:12px;
  14. line-height:150%;
  15. color:#444;
  16.  
  17. }
  18. p {text-indent:0px; padding:10px;}
  19.  
  20. a:link, a:visited{color:#0060ac;text-decoration:none;}
  21. a:hover{color:#0060ac;text-decoration:underline;}
  22. h1{font-size:110%;padding:5px 10px;}
  23. h2{font-size:105%;padding:25px 45px; text-align:right;}
  24. div {
  25. font: verdana 11px #909090;
  26. position:relative;
  27. }
  28.  
  29. #container {
  30. margin:0 auto;
  31. padding:0 5px 0 5px;
  32. position:relative;
  33. width:480px;
  34. height:579px;
  35. background-color:#fff;
  36. text-align:left;
  37. clear: both;
  38. }
  39. #header {
  40. background: url(http://technologytrend.pl/wp-content/uploads/2009/09/1.jpg) no-repeat;
  41. width:480px;
  42. height:70px;
  43.  
  44. }
  45. #content {
  46. background: url(http://technologytrend.pl/wp-content/uploads/2009/09/2.jpg) no-repeat;
  47. width:480px;
  48. height:451px;
  49. }
  50. #footer {
  51. background: url(http://technologytrend.pl/wp-content/uploads/2009/09/3.jpg) no-repeat;
  52. width:480px;
  53. height:58px;
  54.  
  55. }
  56.  
  57. span#logo, img#logo{position:absolute;top:10px;left:20px;width:193px;height:57px;border:0;
  58. }
  59. </style>
  60. </head>
  61.  
  62. <body>
  63.  
  64. <div id="container">
  65.  
  66. <div id="header">
  67. <img id="logo" src="http://technologytrend.pl/wp-content/uploads/2009/09/logo.png" />
  68. </div>
  69.  
  70. <div id="content">
  71. <br><br>
  72. <div id"body"><h1>Drodzy Partnerzy,</h1>
  73. <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxxx</p>
  74.  
  75. <h2>XXXXXXXX</h2></div>
  76. </span></div>
  77.  
  78. <div id="footer"> </div>
  79.  
  80. </div>
  81. </body>
  82. <html>
erix
Cytat
Mam taki problem, ponieważ muszę wysłać newsletter, a on jest oparty o tła zrobione w divach. Z tego co zauważyłem, co mogę zrobić aby zrezygnować z tła na rzecz obrazków, tak aby wszystko było widoczne?

Poszukaj o stylach w mailingu - często nie działają reguły w <style/>, o zewnętrznych CSS nie wspomnę.

Niestety, klienty poczty nakładają spore ograniczenia...
Devik
Dzięki!!
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.