Articole cu Tag-ul ‘cod’

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>

Spații în jurul imaginilor în Gmail ( soluție)

marți, 21 septembrie, 2010

Problema

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.

Soluție

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="...." />

Cum reparăm link-urile albastre în Yahoo?

marți, 7 septembrie, 2010

Problema

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.

Rezolvare

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>
footerleft
footerbg