Bonsoir, avant tout de chose merci de ne pas me taper si je me suis trompé de forum où si j’ai pas assez bien chercher comment résoudre mon soucis.
Donc voilà le problème, un ami veut promouvoir son site et pour cela on aimerait pouvoir faire un mail avec un fond derrière comme ca. Sauf qu’en testant une fois en mail voilà le résultat.
Je vous met le code en question :
[html]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. div.conteneur { position:relative; } /* Tout c'qui est en dessous est positionné par rapport au div conteneur (position relative) de dessus */ div.conteneur h1.titre {
position:absolute;
top:-25px;
left:280px;
color:#bbb;
font-family:verdana;
z-index:4;
}
div.conteneur img#fond {
position:absolute;
}
div.conteneur img#centre {
position:absolute;
left:50px;
top:15px;
z-index:1;
}
div.conteneur img#pillierG {
position:absolute;
z-index:2;
}
div.conteneur img#pillierD {
position:absolute;
z-index:2;
left:850px;
}
div.conteneur div.texte {
position:absolute;
z-index:3;
width:770px;
left:120px;
top:50px;
color:white;
}
</style>
</head>
<body>
<div class="conteneur">
<h1 class="titre">Lorem ipsum</h1>
<img src="http://nostradidifan.free.fr/planetes.png" id="fond"/>
<img src="http://nostradidifan.free.fr/pillier-G.png" id="pillierG"/>
<img src="http://nostradidifan.free.fr/bg-centre-modale-accueil.png" id="centre"/>
<img src="http://nostradidifan.free.fr/pillier-D.png" id="pillierD"/>
<div class="texte">
<p>
dolor sit amet, consectetur adipiscing elit.
</p>
Quisque ac ante eget enim consequat sagittis.
Donec sagittis tincidunt diam, id mattis mi cursus ac.
Mauris at lacus ligula. Vestibulum vitae aliquam turpis.
Sed lacinia sem sed orci dignissim egestas congue justo laoreet.
In ornare laoreet tortor, ac feugiat odio lacinia eget.
Integer tincidunt orci rhoncus turpis fringilla varius.
Maecenas id venenatis ante.
Vestibulum pulvinar, tellus id blandit commodo, mauris lacus porttitor nisi, in rutrum augue ipsum vitae enim.
Vestibulum facilisis orci ac risus tincidunt et rhoncus justo convallis.
Pellentesque et mi et nisl consequat facilisis sed eget tellus.
Ut at turpis at neque suscipit molestie.
<p>
Nullam eu tellus est.
Quisque vel risus libero, a sodales ante.
Etiam elit felis, semper a condimentum sed, mollis non lacus.
Vivamus eget magna eros.
Etiam posuere augue convallis velit fermentum nec mattis velit ornare.
Aenean lectus lectus, ornare mollis vulputate at, lobortis eget lectus.
Morbi lectus turpis, pharetra et feugiat vitae, mattis at arcu.
</p>
<p>
Sed pretium urna et risus luctus rutrum.
In et dolor eu augue tincidunt tempor eget ultricies sem.
Aliquam blandit dignissim risus et viverra.
Suspendisse at ipsum odio.
Cras non sapien cursus leo volutpat aliquam sed sed nisl.
Duis vitae libero dolor, a accumsan lacus.
Integer consequat erat nec dolor hendrerit eget fringilla libero sagittis.
Morbi eget scelerisque lorem.
Proin vehicula, lectus egestas mattis euismod, lectus lectus sollicitudin dolor, vel rutrum mauris ipsum quis arcu.
</p>
<p>
Suspendisse potenti.
</p>
</div>
</div>
</body>
[/html]
C’est quoi le soucis ?
Merci d’avance pour votre aide.