Discussion :

[petitobi]

Bonjour
je souhaiterai effectuer des mailing en html pour fidéliser mes clients.
Mon mail contient du texte ainsi qu'une image ( qui me sert de coupon) dans laquelle j'insère le nom du client suivant ma base de donnée.

Mon problème est que je n'arrive pas a mettre le nom du client ou je veux car cela bouge suivant les résolutions d'écrans.

Voici ce que j'ai fais mais le nom du client n'a pas ou je veux selon les résolutions d'écran:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<SPAN style="position: absolute; top: 170 px; left: 20px;width: 103px; height: 61px">
<IMG SRC="http://lh6.ggpht.com/_0_L4oqfIoD0/SuA18fmk2JI/AAAAAAAAACk/O_rlyzistWY/tract.jpg" >
</SPAN>
<SPAN style="position: absolute; top: 400 px; left: 260 px;">
Nom du client

Alors que je voudrais que mon coupon ressemble a ceci:

http://lh5.ggpht.com/_0_L4oqfIoD0/Su.../tract%202.jpg

Je souhaiterai que le nom du client soit toujours au même endroit sur le coupon quel que soit la résolution de l'écran.

Merci d'avance de votre précieuse aide.

[eracius]

Au lieu de position asbolute, utilise des margin et des padding pour décaler ton élément en fonction de son conteneur.

Sinon la solution plus simple mais moins élégante c'est de faire un <table>

[12monkeys]

Bonsoir

Ton élément parent du span est t'il au moins en position relative ?

Sinon ton span en position absolute sera positionné en fonction de la zone d'affichage. Mets l'élément parent en position:relative et ton span sera positionné en fonction de cet élément parent.

Cependant la propriété position ne sera pas compris de tous les webmails et logiciels : http://a-pellegrini.developpez.com/tutoriels/css/email/