Intégration newsletter

Intégration newsletter - HTML/CSS - Programmation

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...
 
http://img11.hostingpics.net/pics/5813012015081010h5244.jpg
 
Le code :
 
 

Citation :

<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
Reply

Marsh Posté le 10-08-2015 à 11:04:43   

Reply

Marsh Posté le 10-08-2015 à 17:28:45    

Petit up :)  
Thx again !

Reply

Marsh Posté le 17-08-2015 à 16:40:33    

Salut,
sauf erreur de ma part, on écrit soit :

Code :
  1. <table  width="600"...>


 
soit  

Code :
  1. <table  style="width:600px;"...>


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 :
  1. style="display:block; width:301px; max-width:301px; height:auto"


une image qui fait 301px de largeur, soit plus de 300px annoncés.
 
 
ensuite,

Code :
  1. <td width="50%" align="right" width="300px" height="300px">


width = 50% ou 300 ? l'un va écraser l'autre, et même remarque que précédemment.
 
 
et pour terminer :

Code :
  1. style="display:block; width:100%; max-width:350px; height:auto";/>


 
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 ...


---------------
NewsletTux - outil de mailing list en PHP MySQL
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed