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
A voir également:
- Pb de cadre dans une news
- Comment faire un cadre sur word - Guide
- Illustrator cadre de sélection disparu ✓ - Forum Illustrator
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? ✓ - Forum LibreOffice / OpenOffice
- Problème cadre frameo - Forum Photo numérique
- Dans la présentation à télécharger, déplacez l'image dans le cadre sans en modifier la taille. redressez l'image pour que le niveau de la mer soit à l'horizontale. faites correspondre : la ligne avec le niveau de la mer ; le point avec le sommet de la grande voile. combien d'oiseaux sont dans le cadre ? ✓ - Forum Photofiltre
3 réponses
Sans code cela me parait difficile...
As tu une version en ligne de ta page?
As tu une version en ligne de ta page?
alex
Merci pour ta réponse, j'ai quand même redimensionné mon texte et ça marche!
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>
<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.
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.
