Sujet Précédent Sujet Suivant

Pb de cadre dans une news

Fermé
alex - 6 déc. 2010 à 16:29
 alex - 6 déc. 2010 à 17:05
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

3 réponses

Réponse 1 / 3
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
6 déc. 2010 à 16:32
Sans code cela me parait difficile...
As tu une version en ligne de ta page?
0
alex
6 déc. 2010 à 17:05
Merci pour ta réponse, j'ai quand même redimensionné mon texte et ça marche!
0
Réponse 2 / 3
alex
6 déc. 2010 à 16:36
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>
0
Réponse 3 / 3
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
6 déc. 2010 à 16:56
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.
0

Discussions similaires

probleme sommet
urgent -
Raymond PENTIER -

2 réponses
images seulement le cadre sans images dans word
Martine1969 -
m@rina -

2 réponses
Problème Illustrator
micheline025 -
MURPHY 06 -

9 réponses
Enlever couleur légère surbrillance copier coller internet
manolf26 -
elie -

18 réponses
Cadre numérique FRAMEO..n'accepte plus de nouvelles "photos"
A_4201 -
A_4201 -

4 réponses