Intégration newsletter - HTML/CSS - Programmation
Marsh Posté le 17-08-2015 à 16:40:33
Salut,
sauf erreur de ma part, on écrit soit :
Code :
|
soit
Code :
|
mais pas un mix des 2 (l'unité est en style CSS embarqué, l'autre est un attribut de balise HTML).
puis je vois :
Code :
|
une image qui fait 301px de largeur, soit plus de 300px annoncés.
ensuite,
Code :
|
width = 50% ou 300 ? l'un va écraser l'autre, et même remarque que précédemment.
et pour terminer :
Code :
|
sans parler du point virgule final qui est mal placé, t'as une image qui fait 350px max, et le fait de mettre à 100% lui donne sa taille réelle : quelle est-elle ?
reprends ton code HTML pas à pas, et vois à quel moment ça coince dans la largeur, pas la peine de passer à la cellule TD suivante si celle en cours ne donne pas le bon résultat ...
Marsh Posté le 10-08-2015 à 11:04:43
Bonjour,
Voilà je suis actuellement confronté à un problème...
Je suis en train de monter une newsletter par mes soins et un problème subside... mon bloc où se présente le texte dépasse sur la gauche alors que la taille est fixée à 600px...
Quelqu'un aurait une idée de pourquoi ?
Merci pour l'aide que vous pourrez m'apporter car je sèche vraiment...
Le code :
<table width="600px" border="0" cellspacing="0" cellpadding="0"; align="center" ;>
<tr>
<td width="300px" align="left" bgcolor="#C57678" >
<p style="margin:.2em .5em;padding:0.1em .5em;font-weight: bold; font-family:Roboto Light, Arial; "><br/>A ce prix là, vous allez voir<br /> la vie en couleurs !
</p>
<p style="margin:.1em .5em;padding:0.2em .5em; font-size:12px; font-family: Roboto Light, Arial; ">Il est temps de vous mettre à la couleur !
Plongez <br />dans un univers pop, fun et follement tendance.<br />
Retrouvez nous dans les magasins <br /><br />
</p>
<p><span style="margin-left:auto;padding:0.10em .50em; "><a href="url" target="_blank"><img src="images/images.jpg" border="0" style=" width:104px; max-width:100%; height:auto;" /></a></span></p>
</td>
<td width="300px" align="left"><a href="url" target="_blank"><img src="images/images.png" alt="" border="0" style="display:block; width:301px; max-width:301px; height:auto" /></a>
</td>
</tr>
////////////////// LE CODE D'EN DESSOUS ////////////////////////////////
<tr>
<td width="50%" align="right" width="300px" height="300px"><a href="url" target="_blank"><img src="images/image.jpg" alt="" border="0" style="display:block; width:100%; max-width:350px; height:auto";/></a><br/>
</td>
<td width="50%" align="left" width="300px" height="300px"><a href="url" target="_blank"><img src="images/image.png" alt="" border="0" style="display:block; width:100%; max-width:350px; height:auto" /></a><br/>
</td>
</tr>
</table>
Message édité par cusoon le 10-08-2015 à 11:10:46