Articole cu Tag-ul ‘background’

Background tabel în Hotmail

marți, 28 septembrie, 2010

Problema

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.

Soluția

CSS vine iar în ajutor. Trebuie folosit urmatorul cod în mesajul HTML:

<style>
.ReadMsgBody
{ width: 100%;}
.ExternalClass
{width: 100%;}
</style>

Cum punem Imagine background în gmail

marți, 14 septembrie, 2010

Problema

Gmail nu afişează imagini de fundal în mesajele HTML dacă acestea sunt stabilite prin CSS ( background-image, background-color ) .

Rezolvare

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

footerleft
footerbg