28172 sujets

CSS et mise en forme, CSS3

[Résolu] Email html

Bonjour,

je souhaiterais envoyer un mail en html, une simple image et un texte qui se superpose sur une partie de l'image.
Rien de bien difficile a priori, mais vu que c'est pour un email ça se complique.

J'ai trouvé cette liste qui relève toutes les propriétés non disponibles pour les différents client email.

Je ne peux pas utiliser de backgroud-image pour mettre l'image en arrière plan, je ne peux pas utiliser de position et de top/left pour positionner en absolu les éléments, ni même de margin pour mettre une marge négative et faire chevaucher le texte sur l'image.

Le code HTML de l'email se résume à ça :
(le style doit être intégré directement dans les balises html pour que ça marche)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>titre</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
	</head>
	<body style="font-size: 0.9em;font-family: Tahoma, Arial, Helvetica, sans-serif;background-color:#FFFFFF;">	

		<div style="width:380px;height:570px;">
			<img src="http://adresse/image/img.gif" alt="" />
			<div style="width:170px;height:108px;">texte à mettre au dessus de l'image</div>
		</div>
	</body>
</html>



Auriez vous une astuce pour faire passer mon texte sur mon image ? par exemple à 50px du haut et 50px de la gauche de l'image ?


Merci
Modifié par vichenze (21 Jan 2009 - 17:19)
Mettre l'image en fond CSS et tant pis pour les clients où ça ne passe pas?
(Vu que de toute façon la plupart des clients mail désactivent les images par défaut...)

Et faire du multipart pour avoir une version texte brut disponible. Smiley cligne
Modifié par Florent V. (21 Jan 2009 - 16:38)
Hum, le truc c'est que l'image apporte un gros plus au mail, je pourrais difficilement m'en passer.

Je voulais plutôt savoir s'il y avait un moyen de repositionner le texte sur l'image compte tenue des contraintes du mail, a priori non alors.

A moi de voir ensuite ce qui est le mieux, laisser le texte en dessous de l'image ou ne pas mettre l'image.
Sujet clos
Aller à