[html / css] css qui n'est pas lu dans l'envoi une newsletter html

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html / css] css qui n'est pas lu dans l'envoi une newsletter html

sebs77

apprentis

Bonjour,
je viens de mettre en place un system de newsletter pour mon site dj www.sebastien-reaze.com
je compte fair des newletter en format hml
j'ai donc fait ma page html (fond noir / texte blanc (entre autre), les images et le .css est sur mon serveur et est appelé dans le code de la page html de la newsletter, quand s'insert le code de la page dans l'admin de mon system de newsletter et que je fais une prévisualisation tout s'affiche normalement.
Sauf que quand la newsletter est envoyé (seulement à moi pour tester) le css n'est pas lu, c'est a dire que j'ai un fond blanc, des textes noirs et des liens bleu.

voilà le code de ma page :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Sebastien Reaze</title>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link type="text/css" rel="stylesheet" href="http://sebastien-reaze.com/img/style.css" />
</head>
<body>
<img src="http://sebastien-reaze.com/img/header.jpg"><br>
Newsletter #00 - www.sebastien-reaze.com
<table>
<td width="232" style="border-style: solid; border-width: 0px; padding-left: 0px;
padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
<img src="http://sebastien-reaze.com/img/infos.jpg">
</td>
<td width="568" style="border-style: solid; border-width: 0px; padding-left: 0px;
padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
Nous vous informons qu'étant dans la liste de contacts de Sébastien Reaze, nous vous
pensons susceptible d'être intéréssé par son évolution en tant que DJ dans le monde de
la nuit. Par conséquent nous avons pris la liberté de vous ajouter à la liste de diffusion
de la newsletter du site de Sébastien Reaze <a href="http://www.sebastien-reaze.com"
target=_blank>www.sebastien-reaze.com</a>.<br>
<br>
Cette newsletter vous tiendra régulièrement au courant des nouveaux mixs, remixs,
productions, soirées, et toutes autres informations à propose de Sébastien Reaze.<br>
<br>
Si toute fois vous n'étiez pas intéréssé pour recevoir régulièrement cette newsletter, à
tout moment, vous disposez d'un droit d'accès, de modification, de rectification et de
suppression des données qui vous concernent (art 34 de la loi «Informatique et Libertés
du 6 Janvier 1978»).
</td>
</table>
<img src="http://sebastien-reaze.com/img/separ.jpg">
<table>
<td width="232" style="border-style: solid; border-width: 0px; padding-left: 0px;
padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
<img src="http://sebastien-reaze.com/img/contact.jpg">
</td>
<td width="568" style="border-style: solid; border-width: 0px; padding-left: 0px;
padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
Si vous êtes organisateurs de soirées en club, bar ou pub, gérant de ce type
d'établissement, ou un particulier cherchant un DJ pour animer et mixer dans votre
soirée, Sébastien Reaze est à votre disposition pour toutes propositions.<br>
<br>
<FONT color=#ff00cc>Contact</font><br>
Cyril Blondel (agent de Sébastien Reaze) <a
href="mailto:cyril@sebastien-reaze.com">cyril@sebastien-reaze.com</a><br>
Sébastien Reaze <a href="mailto:contact@sebastien-reaze.com">contact@sebastien-reaze.com</a>
</td>
</table>
<img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
<TABLE with=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="left">
<tr><td>
<a href="http://dansapile.fr" target=_blank><img
src="http://sebastien-reaze.com/img/lien1.jpg" border=0></a></td>
<td><img src="http://sebastien-reaze.com/img/entrelien1.jpg"></td>
<td><a href="http://myspace.com/sreaze" target=_blank><img
src="http://sebastien-reaze.com/img/lien2.jpg" border=0></a></td>
<td><img src="http://sebastien-reaze.com/img/entrelien2.jpg"></td>
<td><a href="http://myspace.com/cyril_and_cie" target=_blank><img
src="http://sebastien-reaze.com/img/lien3.jpg" border=0></a><br></td></tr>
</table>
<img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
<a href="http://sebastien-reaze.com" target=_blank><img
src="http://sebastien-reaze.com/img/lien4.jpg" border=0></a><br>
</td>
</table>
<img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
<br>
A tout moment, vous disposez d'un droit d'accès, de modification, de rectification et de
suppression des données qui vous<br>
concernent (art 34 de la loi «Informatique et Libertés du 6 Janvier 1978»)<br>
Vous pouvez vous désinscrire de la newsletter en cliquant ici : désinscription
</div>
</body>
</html>

j'espère que quelqu'un saura m'expliquer quoi faire pour résoudre ce problème très embétant.

D'avance merci à tous de votre aide.

Publicité

phosphoreloaded

Bonjour,

- valide ta page un minimum (le plus simple est de changer de Doctype --> HTML 4.01 Transitional parce que là les <br> devraient être des <br />, pas de texte sans être dans un <p> ou autre, etc). C'est toujours une bonne habitude à prendre même si c'est pas vraiment le problème ici

- tu peux insérer le contenu de ta feuille de style entre des balises <style> ... </style> dans le <head> de ton mail

Code :

<style type="text/css">
ta feuille de style
</style>

ou pas (ça dépend de l'outil utilisé pour lire le mail)
et devoir recourir au bon vieux moche inline CSS (style="", ce que tu as déjà partiellement) mais qui est une plaie nécessaire pour les mails.

in english

PS: les images vont être bloquées chez bon nombre de contacts, pense à regarder ce que donne ton mail sans les images

FlorentG

Ouais, laisse tomber les CSS comme ça pour les emails HTML. Utilise des attributs style partout. C'est super la zone, les emails HTML

sebs77

apprentis

ben j'ai éssayé avec le css dans un .css à part et dans le code html entre les balises <style> et ça n'a rien changé à mon problème.

Ensuite "phosphoreloadeD" pour les problèmes de synthaxe dont tu m'as parler peux tu me dire tous les points que je doit remplacer et comment car je n'y connais pas grand chose dans ces règles et la je suis un peu perdu à vrai dire.

D'avance merci à vous tous

gatsu35

Blablaté par Harko

on ne met jamais de styles dans une newsletter, les newsletters doivent être faites en vieuw HTML, des background="", bgcolor="", tableaux de l'an deux, des balises <font size="" face="" color=""></font>

Ya que ça de vrai, ensuite il suffit d'utiliser de bons principes et rulez, un emailing passe partout

FORUM HardWare.fr

Programmation

HTML/CSS

[html / css] css qui n'est pas lu dans l'envoi une newsletter html

Sujets relatifs
clic unique sur bouton dans page html	programmer robot realisant des actions sur une page html
Comment générer HTML avec XSL et XML	Html Images
Envoi de Newsletter chez Amen	equivalent html des balises [quote] et [list] de bbcode
[Résolu]Probleme d'enregistrement - envoi de formulaire	[Résolu] Probleme d'enregistrement lors d'un envoi de formulaire
[RESOLU] Enlever retour à la ligne entre balises HTML
Plus de sujets relatifs à : [html / css] css qui n'est pas lu dans l'envoi une newsletter html

Page générée en 0.069 secondes