Bonjour à tous,
je suis nouveau sur le forum et j'essaye à l'heure actuelle de créer une Newsletter dans laquelle je pourrais insérer du texte à volonté.
Pour cela, j'ai imaginé d'encadrer ce texte par un cadre composé de différentes images (bordure gauche, bordure droite, bordure haute, etc...)
J'essaye de faire en sorte que ces images prennent 100% de la hauteur de la Table, mais cela ne marche pas.
J'ai essayé en contraignant la taille de l'image par le Code html, mais ça me fait apparaitre un décalage en bas de ma Table entre la partie texte et les deux images de bordure.
Sauriez-vous m'aider ?

Je vous mets en pièce jointe la petite partie du code html et le résultat final.

<table style="width: 670px; border: 0px dashed #AAAAAA;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px; border: 0px dashed #AAAAAA;"><img style="width: 24px; height: 120px;" alt="" src="http://www.canalbd.net/img/lettre/19/grand-bordure-gauche.jpg" height="120" width="24"></td>
<td style="width: 624px; background-color: #E6E6E6; border: 0px dashed #AAAAAA;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id ante lectus. Phasellus cursus enim quis justo aliquam iaculis. Integer et purus vel elit rutrum semper sed id enim. Nam sit amet porttitor tortor. </td>
<td style="border: 0px dashed #AAAAAA;"><img style="width: 22px; height: 120px;" alt="" src="http://www.canalbd.net/img/lettre/19/grande-bordure-droite.jpg" height="120" width="22"></td>
</tr>
</tbody>
</table>


upload/50234-BugTable.jpg

Merci d'avance.
Modifié par Rever3nd (08 Jun 2013 - 10:03)
Salut,

Tu peux faire 1 image répétitive sur y en background de ton tableau.

Sinon à la vue de ta capture, il te suffirai d'appliquer une bordure type solid à ton tableau. La seule image dont tu aurais besoin serait ton espèce d'ombre portée. Elle pourrait venir en background du body ou d'un div conteneur.
Les images en background de cellule dans une newsletter ne fonctionnent pas. Du moins dans outlook et certaines autre messageries comme peut etre lotus.
Pour avoir la mise en page que l'on souhaite il faut vraiment créer toutes les images à la bonne taille et les placer où l'on veut, c'est la seule solution pour s'assurer d'un affichage parfait.
Merci à tous les deux pour votre réponse...
Je créerai donc les images nécessaires pour les adapter à la taille de la Table.
Par contre, je n'arrive pas à faire disparaître le petit décallage alors que la taille (en hauteur) de la table corresponds à la taille (en hauteur) de l'image mais un léger décalage est toujours apparent en fin de table...

Revoici mon code et l'image du décalage
<table style="width: 670px; height: 29px; border: 0px dashed #AAAAAA;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px; border: 0px dashed #AAAAAA;"><img style=" alt=" "="" src="http://www.canalbd.net/img/lettre/19/grand-bordure-gauche.jpg" height="29" width="24"></td><td style="width: 624px; background-color: #E6E6E6; border: 0px dashed #AAAAAA;">&nbsp;Lorem ipsum dolor sit amet,<br></td><td style="border: 0px dashed #AAAAAA;"><img style="width: 22px; height: 29px;" alt="" src="http://www.canalbd.net/img/lettre/19/grande-bordure-droite.jpg>
<td>
</tr>
</tbody>
</table>


upload/50234-BugNewslet.jpg
Modifié par Rever3nd (08 Jun 2013 - 17:46)