Aller au contenu


Photo

mail avec CSS


  • Please log in to reply
8 replies to this topic

#1 Youssef

Youssef

    Habitué(e)

  • Membres
  • PipPip
  • 195 Messages :
  • Configuration:Mac Book Blanc
  • Sexe:Masculin
  • Localisation:Maroc/Tanger

Posté 07 février 2011 - 11:42

Bonjour à tous

SVP je suis à la recherche d'une solution pour envoyer un email html dont le format est réalisé avec un CSS,
j'arrive à bien envoyé l'email mais sans les style, quand j'intègre ces derniers dans le corps même de message comme :
<table style="border:2px #0374b6 solid; border-bottom:2px #0374b6 solid; border-collapse:collapse;">
ça marche très bien, or c'est pas de tout pratique si je dois changer toutes les balises <td> et <tr> ( par exemple )
alors je me demande comment il faut faire dans ce cas ?
- envoyer mon fichier CSS en PJ ?
- envoyer le message avec une référence web ( http://www.... ) vers mon fichier CSS ?
- ...

Merci d'avance pour votre réponse.

#2 AliGator

AliGator

    (Trop) Grand Bavard

  • Membres d'honneur
  • PipPipPipPipPipPipPipPipPip
  • 12 338 Messages :
  • Configuration:• MacBook Pro 15" 2,2GHz, 10.6
    • MacMini G4 1,42GHz, 10.5
  • Sexe:Masculin
  • Localisation:Rennes (Bretagne, France)
  • Passions:Piano, Cuisine, Danse (Rock, ...), faire des réponses de 3km

Posté 07 février 2011 - 12:18

Intègre le CSS dans le HTML (balise <style>...ton CSS...</style>) !

Le posteur fou de macfr
Mon blog: Crunchy Development
______________
Devise Shadok : S'il n'y a pas de solution, c'est qu'il n'y a pas de problème...


#3 Youssef

Youssef

    Habitué(e)

  • Membres
  • PipPip
  • 195 Messages :
  • Configuration:Mac Book Blanc
  • Sexe:Masculin
  • Localisation:Maroc/Tanger

Posté 07 février 2011 - 12:58

c'est la première chose que j'ai essayé de faire mais ça n'a pas marché
je refais le teste, peut être j'ai raté quelque chose .

Merci

#4 Youssef

Youssef

    Habitué(e)

  • Membres
  • PipPip
  • 195 Messages :
  • Configuration:Mac Book Blanc
  • Sexe:Masculin
  • Localisation:Maroc/Tanger

Posté 08 février 2011 - 11:25

Bonjour AliGator

je viens de reessayer mais ça marche toujours pas
en fait, j'ai ajouté le style CSS dans la variable $message qui sera passé en paramètre à la fonction mail()
et après j'ai fait un echo de cette variable, pour visualiser le message envoyer
sur le navigateur ça marche très bien, par contre sur gmail ( pour teste, ça ne marche pas de tout )
j'ai essayé ( je sais que c'est un peu bête ) d'ajouter es style dans chaque balise de mon message < table style...><td style ....> même si ça demande trop de copier coller
et ça bien marché même sur gmail.

avez vous une autre idée ou solution ?


( j ai même essayé de faire appel à fichier css externe , mais rien )


Merci d'avance

#5 Youssef

Youssef

    Habitué(e)

  • Membres
  • PipPip
  • 195 Messages :
  • Configuration:Mac Book Blanc
  • Sexe:Masculin
  • Localisation:Maroc/Tanger

Posté 08 février 2011 - 11:31

je viens de me rendre compte que le problème n'est présent qu'avec google, avec yahoo par exemple, le css s'affiche très bien

merci

#6 FredoMkb

FredoMkb

    ...bosseigne...

  • Membres
  • PipPipPipPipPipPipPip
  • 2 645 Messages :
  • Configuration:iMac-SowLeopard
  • Sexe:Masculin
  • Localisation:StÉ
  • Passions:À part rien, absolument tout le reste !

Posté 08 février 2011 - 17:26

Salut :)

Pour les "borders", j'utilise une syntaxe légèrement différente de la tienne, je ne sais pas si ça peut venir de là ton soucis, mais ça ne coûte rien d'essayer :

Ta syntaxe :

/* épaisseur couleur type */
border:2px #0374b6 solid;

Celle que j'utilise :

/* épaisseur type couleur */
border:2px solid #0374b6;

À voir... :)
Fredo
"Un pas à la fois me suffit..." Gandhi
"Il n'y a rien de plus inutile que quelque chose d'inexistant. Il n'y a rien de plus utile que de tenter de le créer." FredoMkb

#7 Melody Nelson

Melody Nelson

    Habitué(e)

  • Membres
  • PipPip
  • 192 Messages :
  • Configuration:-
  • Sexe:Mystère
  • Localisation:Via della felicità, numéro 13, dernier étage

Posté 09 février 2011 - 12:51

salut,

les mails html avec css, c'est casse-tête parce que le rendu varie énormément d'un client mail à un autre… parmi les pires, il y a outlook, lotus notes et gmail

pour un maximum de compatibilité, tu dois souvent coder "old school" et oublier l'utilisation d'une CSS comme tu peux le faire pour une page… et puis pour être certain que tes mails puissent être lisibles par tous, c'est préférable de les faire en version « html et texte »

si tu veux approfondir le sujet et voir les qualités et défauts des principaux clients-mail, je te conseille ce site : http://www.email-standards.org/

#8 Youssef

Youssef

    Habitué(e)

  • Membres
  • PipPip
  • 195 Messages :
  • Configuration:Mac Book Blanc
  • Sexe:Masculin
  • Localisation:Maroc/Tanger

Posté 11 février 2011 - 00:15

Merci à vous tous

Fredo d:o) : j'ai essayé avec le truc que tu as proposé mais ça marche pas

je crois que je vais suivre le conseille de Melody et la faire à l'ancienne

merci à vous encore une fois

ciao

#9 Melody Nelson

Melody Nelson

    Habitué(e)

  • Membres
  • PipPip
  • 192 Messages :
  • Configuration:-
  • Sexe:Mystère
  • Localisation:Via della felicità, numéro 13, dernier étage

Posté 14 février 2011 - 08:26

Merci à vous tous

Fredo d:o) : j'ai essayé avec le truc que tu as proposé mais ça marche pas

je crois que je vais suivre le conseille de Melody et la faire à l'ancienne

merci à vous encore une fois

ciao


salut Youssef,

en me relisant, j'ai l'impression que j'étais peut-être pas très claire quand je parlais de codage "old school"...
tu peux quand même utiliser des CSS mais favorise l'utilisation de CSS inline dans tes balises html (style="blabla") par rapport à l'utilisation d'une CSS externe

bon courage !




1 utilisateur(s) en train de lire ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)