Css pour mail html...

Thibaut -  
popom Messages postés 48 Statut Membre -
Bonjur à tous...

Je suis graphiste et réalise actuellement une newsletter html pour un client. Alors tout marche bien sauf que les informations css (incluses dans le code et non en fichier independant) s'affichent bien quand je lis la page depuis son emplacement de l'hebergeur mais pas quand la page est lue par un mailer...embetant pour un mail html!
Si quelqu'un connais une astuce, n'hésitez pas!

Merci.
A voir également:

4 réponses

popom Messages postés 48 Statut Membre 1
 
Bonsoir,

Que faut-il comprendre par « la page est lue par un mailer » ?

Merci pour les précisions.

A plus …
0
txiki Messages postés 6819 Statut Contributeur 523
 
Salut popom,
la valeur no-repat te place l'image en haut à gauche par défaut ....
En revanche, si tu lui lui affecte une position dans une autre ligne du de type:
position: center; par exemple, ton image sera au centre du calque, de la cllule etc...
si j'ai bien tout compris ta question !
0
popom Messages postés 48 Statut Membre 1
 
Je ne sais pas si Background travail aussi au niveau de la cellule ?
C’est possible et un test est le bien-venu.

En toute logique si c’est le cas, il convient de bien construire la première page et pourquoi pas en faire une photo qui pourair servire de resource pour les pages suivantes.

Cela implique une autre approche du site.

Un autre moyen pour répéter l’apparence d’une page type serait de – Copier – Coller la première dans les suivantes. Ceci implique un temps de chargement plus lourd pour le client final.

Je suis moi-même partagé …
0
popom Messages postés 48 Statut Membre 1
 
Par exemple dans le CSS j’ai trouvé une instruction intéressante que voici

Background-repeat

La sintaxe CSS est simple :
Background-repeat : no-repeat | repeat | repeat-x | repeat-y

Valeur :
Avec la valeur no-repeat, une instance de l’image apparaît dans l’élément à l’emplacement défini par l’attribut background-position (par défaut, dans l’angle supérieur gauche). L’image est normalement répétée sur les deux axes, mais vous pouvez la faire répéter simplement le long d’une colonne (repeat-y) ou le long d’une ligne (repeat-x)

Voilà ce que me donne Dreamwaever comme explication.
-1