A form above an image

Hi everbody.

First, sorry for my english, i'll try to be the most understandable i can be!

So i've to do a very basic mailing campain but it seems not to be as simple as it seems!  I have an image which must be the background support for the mail and i've to put a form on this img. I tried a lot of different solutions :

DIVs with background-image and my form on it, positionned with margin. Sometimes background doesn't appear, sometimes form stand under image.

TABLE, always with my pic' on background. Still doesn't work. Same result than DIVs

I belived i've  found a solution with a DIV containing <img src'...'> and then positionning my form with margin' but it's working on thunderbird only :/

After i red the documentation i found on your website, i tried any solution who came to me but none works. I just believe it isn't possible when i red your  Guide to SS support in email. Position, backround, margin don't work on any clients.

Ideally it's must work on outlook (03, 07), Thunderbird, Yahoo Mail, Gmail and Hotmail.

I hope you understood my message :D

Thanks a lot. Bye

I post in french too in case they are french people here :D

Je dois réaliser une campagne de mailing assez basique mais qui apparait être plus difficile que prévue dans la pratique. J'ai une image correspondant a  une affiche sur laquelle je doit intégrer un formulaire.  J'ai essayé plusieurs solutions :

Une DIV avec mon image en background et mon formulaire par dessus, positionné avec des margin. Parfois, le background ne s'affiche pas, parfois il s'affiche mais le formulaire se positionne en dessous.

Des TABLE toujours avec mon image en background et mon formulaire dans un TD mais, la  aussi, mon image de fond ne s'affiche pas a tout les coups.

J'ai cru avoir trouvé la solution grâce a  une div contenant mon image et en positionnant ensuite mon formulaire grâce a  des margin, mais cette solution ne fonctionne que sur Thunderbird. Le reste du temps le formulaire ne s'affiche pas a l'endroit voulu mais en dessous de l'image.

Après avoir lu la documentation que j'ai trouvée sur ce site, j'ai testé toute les solutions qui me sont venues en tête mais sans résultats. Je pense que c'est impossible car dans la documentation, il est écrit que position, background, margin, ne fonctionnent pas sur tout les clients.

Idéallement, il faudrait que ça marche sur Outlook (03 et 07), Thunderbird, Yahoo Mail, Gmail et Hotmail (les clients mail les plus utilisés)

Merci beaucoup de vos réponses.

supernath, 8 years ago

Bonjour, (as much french as I will try)

I have some bad news for you, especially as you said Outlook 2007 is crucial. Background images do not work in outlook, and I don't believe forms work in Outlook 2007 either. You will have to try getting your ideas across in a different way.

I avoid forms in emails because of display and functionality problems entirely.

Sorry to be the one with bad news,
Good luck!

bLast, 8 years ago

I was afraid about that, you just confirm.

I'll try to find an other solution.

Thanks a lot.

mickael, 8 years ago

Je ne suis pas un expert mais je ferais un mailing avec un lien - texte ou image - envoyant vers un doc html externe pour le formulaire.

Richard.Wendon Richard.Wendon, 8 years ago


Simply put, your have to design your email in tables... divs wont hold together.

Backgrounds are completely out in Outlook 2007. Except in (as i found out after recieving an email from Firebox) the body tag.

Regarding forms...not possible in emails these days. What we have to do is create an email... and now a microsite with all the form information on it.


See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free