Pb de cadre dans une news
alex
-
alex -
alex -
Bonjour,
J'ai crée ma première news pour ma boîte, tout va bien sauf en milieu de page ça me met un bord blanc en haut et en bas sur chacune des tranches sélectionnables et seulement au milieu pas ailleurs.
Je débute dans tout ça c'est un peu galère pour moi à corriger
Voici la copie d'écran
https://www.hiboox.fr/
Pouvez vous m'aider?
Merci
J'ai crée ma première news pour ma boîte, tout va bien sauf en milieu de page ça me met un bord blanc en haut et en bas sur chacune des tranches sélectionnables et seulement au milieu pas ailleurs.
Je débute dans tout ça c'est un peu galère pour moi à corriger
Voici la copie d'écran
https://www.hiboox.fr/
Pouvez vous m'aider?
Merci
3 réponses
-
Sans code cela me parait difficile...
As tu une version en ligne de ta page? -
Alors le code d'abord :
<html>
<head>
<title>newsletter-23</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newsletter-23.psd) -->
<table id="Tableau_01" width="780" height="1090" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="images/newsletterdulundi_01.jpg" width="35" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_02.jpg" width="146" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_03.jpg" width="67" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_04.jpg" width="57" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_05.jpg" width="14" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_06.jpg" width="29" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_07.jpg" width="209" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_08.jpg" width="27" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_09.jpg" width="86" height="13" alt=""></td>
<td>
<img src="images/newsletterdulundi_10.jpg" width="110" height="13" alt=""></td>
</tr>
<tr>
<td>
<img src="images/newsletterdulundi_11.jpg" width="35" height="23" alt=""></td>
<td>
<img src="images/newsletterdulundi_12.jpg" width="146" height="23" alt=""></td>
<td>
<img src="images/newsletterdulundi_13.jpg" width="67" height="23" alt="miroir" align="center"></td>
<td colspan="6" width="422" height="23">Visualiser le message dans le navigateur</td>
<td>
<img src="images/newsletterdulundi_15.jpg" width="110" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="images/newsletterdulundi_16.jpg" width="35" height="102" alt=""></td>
<td>
<img src="images/newsletterdulundi_17.jpg" width="146" height="102" alt=""></td>
<td>
<img src="images/newsletterdulundi_18.jpg" width="67" height="102" alt=""></td>
<td colspan="6">
<img src="images/newsletterdulundi_19.jpg" width="422" height="102" alt=""></td>
<td>
<img src="images/newsletterdulundi_20.jpg" width="110" height="102" alt=""></td>
</tr>
<tr>
<td>
<img src="images/newsletterdulundi_21.jpg" width="35" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_22.jpg" width="146" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_23.jpg" width="67" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_24.jpg" width="57" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_25.jpg" width="14" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_26.jpg" width="29" height="259" alt=""></td>
<td><img src="images/newsletterdulundi_27.jpg" width="209" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_28.jpg" width="27" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_29.jpg" width="86" height="259" alt=""></td>
<td>
<img src="images/newsletterdulundi_30.jpg" width="110" height="259" alt=""></td>
</tr>
<tr>
<td>
<img src="images/newsletterdulundi_31.jpg" alt="" width="35" height="147" border="none" ></td>
<td colspan="3" width="270" height="147" style="background:#83bc15;"><p>Ce diffuseur d'huiles essentielles est
recommandé pour une surface maximale
de 30 m². Il permet une diffusion
aromatique et olfactive subtile.
Idéal pour les salles d'attente et la maison,
ce diffuseur permettra d'assainir, de purifier
et de parfumer agréablement la pièce dans laquelle il se trouve.</p>
</td>
<td>
<img src="images/newsletterdulundi_33.jpg" alt="" width="14" height="147" border="0"></td>
<td colspan="3" width="265" height="147" style="background:#83bc15;"><p>Huile essentielle très en affinité avec les
enfants.
En olfaction, elle calme les envies de
manger liées à l'anxiété.
En diffusion avant le coucher pour
préparer la relaxation mais aussi
désinfecter l'air.</p></td>
<td><img src="images/newsletterdulundi_35.jpg" width="86" height="147" alt="" border="0"></td>
<td><img src="images/newsletterdulundi_36.jpg" width="110" height="147" alt=""></td>
</tr>
<tr>
<td>
<img src="images/newsletterdulundi_37.jpg" width="35" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_38.jpg" width="146" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_39.jpg" width="67" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_40.jpg" width="57" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_41.jpg" width="14" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_42.jpg" width="29" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_43.jpg" width="209" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_44.jpg" width="27" height="490" alt=""></td>
<td><img src="images/newsletterdulundi_45.jpg" width="86" height="490" alt=""></td>
<td>
<img src="images/newsletterdulundi_46.jpg" width="110" height="490" alt=""></td>
</tr>
<tr>
<td>
<img src="images/newsletterdulundi_47.jpg" width="35" height="56" alt=""></td>
<td>
<img src="images/newsletterdulundi_48.jpg" width="146" height="56" alt=""></td>
<td colspan="6">
<img src="images/newsletterdulundi_49.jpg" width="403" height="56" alt=""></td>
<td>
<img src="images/newsletterdulundi_50.jpg" width="86" height="56" alt=""></td>
<td>
<img src="images/newsletterdulundi_51.jpg" width="110" height="56" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html> -
Bien ce que je pensais quand j'ai vue que tu parlais de tranche...
Tu as fait ta mise en page sous Photoshop et l'a découpé dedans.
L'ensemble des éléments est donc un ensemble d'image positionné dans des cellules de tableau.
Un tableau html est tout sauf fait pour faire la structure d'un site. C'est une ancienne technique utilisé mais qui est désormais obsolète. Les mises en page sont à faire désormais en CSS.
Dans ton cas, le texte est plus grand que la cellule qui le contient. Ton image, sur les côté, se centre donc dans les cellules voisine ce qui créé donc ces filets blanc.
L'idéal serai que tu refasses complètement ta page en CSS.
