Pentru a centra mesajul sau al face sa ocupe tot spațiul disponibil, de multe ori sunt folosite tabele cu lațimea 100%. În Hotmail se poate pierde imaginea de fundal sau culoarea pentru aceste tabele.
CSS vine iar în ajutor. Trebuie folosit urmatorul cod în mesajul HTML:
<style>
.ReadMsgBody
{ width: 100%;}
.ExternalClass
{width: 100%;}
</style>
Gmail a schimbat recent modul de afisare a imaginilor din mesajele HTML. Din cauza acestei schimbări pot aparea spații în jurul imaginilor din mesajele HTML atunci când sunt vizualizate din Firefox, Opera, Chrome, Safari ( nu și Internet Explorer ).
Aceasta problema exista și în hotmail.
Pentru rezolvarea problemei in hotmail puteți folosi acest cod CSS:
<style>img {display:block}</style>
Gmail nu permite decat cod CSS inline deci fiecare imagine va trebui să aibă un atribut
style=”display: block”.
Exemplu:
<img style="display:block" src="...." />
Gmail nu afişează imagini de fundal în mesajele HTML dacă acestea sunt stabilite prin CSS ( background-image, background-color ) .
Solutia este sa nu folosim CSS ci atributul background al tag-urilor table sau td.
Exemplu:
<table background="http://domeniumeu.ro/newsletter.png" >
Când folosiţi imagini de fundal trebuie să vă asiguraţi că textul este vizibil chiar dacă imaginea nu este afişată ( implicit imaginile nu sunt încărcate şi afişate decât dacâ utilizatorul le activează ).
Exemplu: dacă aveti text alb pe o imagine de fundal de culoare închisă. Textul nu va fi vizibil cand imaginea nu va fi afisată deoarece ar fi alb pe fundal alb. Pentru a rezolva aceasta problemă stabiliţi culoarea fundalului prin css sau prin atributul background.
<div style="background-color: #0000FF"> <table background="http://domeniulmeu.ro/email-marketing.jpg"> .... </table> </div>
Codul de mai sus setează fundal albastru în cazul în care imaginea nu este vizibilă.
Yahoo! Mail schimbă automat culoarea link-urilor din mesajele html. Orice culoare ar avea prestabilită prin css, ele pot deveni albastre.
Aceasta problemă afectează doar utilizatorii versiunii noi a Yahoo! Mail nu și cei ai Yahoo Mail Classic.
Trebuie folosit un cod CSS care modifică culoarea clasei speciale folosite de yahoo ( yshortcuts ) înainte de codul html al mesajului.
De exemplu pentru a stabili culoarea link-urilor în alb ( în caz că aveți un fond inchis ) codul ar fi:
<style type="text/css">
.yshortcuts { color:#ffffff }
.yshortcuts a span { color:#ffffff }
</style>
Acest cod schimbă culoarea tuturor link-urilor din mesaj.
Dacă doriți ca anumite link-uri sa aibă altă culoare puteți folosi selectori mai avansați.
De exemplu daca aveți link-uri care au o clasă numită „lateral” și doriți ca aceste link-uri sa fie verzi puteți utiliza urmatorul cod :
<style type="text/css">
.yshortcuts .lateral { color:#00ff00 }
</style>
Copyright ©2009-2018. Toate drepturile rezervate
Contact •Politica Anti-spam • Condiţii de utilizare • Politica de Confidenţialitate
• Solutionarea litigiilor
• ANPC
