Problème d'espace entre ma bannière et centre
spirit63
-
spirit63 -
spirit63 -
Bonjour,
J'ai un souci que je n'arrive pas à régler (pour ca que je suis ici :-)) J'ai un espace entre ma bannière et mon affichage central.
J'ai modifié, reconstruit mon tableau mais rien n'y fait. voici la page:
<!-- début tête de page -->
<table width="40%" height="" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="989" border="0" cellspacing="0" cellpadding="0">
<table width="989" height="" border="0" align="center">
<tr>
<td valign="top" align="center" colspan=3><img src="images/bg_header.gif" border="0" width="100%" height="70" alt=""><br>
<div style="text-align: center"><img src="images/logo.bmp" border="0" wigth="100%" alt=""></div>
<div style="position:absolute; text-align:justify; left:550px; top:5px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<img src="images/header.gif" border="0" alt="">
</div>
<TD valign="top" <div style="position:absolute; text-align:justify; left:575px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/accueil.php" class="liensMENU">Accueil</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:720px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/plan.php" class="liensMENU">Plan du Site</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:930px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/contact.php" class="liensMENU">Nous contacter</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
</td></tr>
<!-- Début colonne de droite -->
<tr><td>
<table width="989" align="center" cellpadding="5" height="" border="0" summary="" valign="top" bgcolor="#ffffff">
<tr>
<td valign="top" width="205">
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Habillage d'escalier<br>
<img src="images/ligne_horiz2.jpg" border0="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Style<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Technique<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Le Stratifié<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/realisation.bmp" border="0" alt=""><br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Où nous trouver ?<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/devis.bmp" border="0" alt=""><br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/nous.bmp" border="0" alt=""><br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/pub.gif" border="0" alt="">
</td>
</td>
<!-- fin colonne de droite -->
<!-- Début colonne centrale -->
<td background="images/ligne_vert.jpg" border="0" width="7" height="" alt="">
</td>
<td valign="top" width="90%" bgcolor="" >
<frameset width="90%"><img src="images/accueil.gif" border="0" width="267" height="400" alt="" class="image">
<div class="textegrissoft"><br>Concessionnaire EXCLUSIF <font color="#00752c">Styl'Stair</font> dans VOTRE région: <br><div style="text-align: center"><font size="5" color="#050000">*</font><br><u>LA GIRONDE</div></u>
<br>
<div style="text-align: justify" class="texte"><br>Bonjour et bienvenue sur le site de la rénovation professionnelle d'escaliers.
<br><br>
Vous trouverez ici conseils et devis gratuits, même le déplacement chez vous d'un de nos techniciens qualifiés et agréés est entièrement gratuit.
<br><br>
ESCALIERS de STYLE partenaire agréé de Styl' Stair, professionnel et spécialiste reconnu dans l'habillage et de la rénovation d'escalier.
<br><br>
Toutes les solutions d' habillage et de rénovation, et ceci qu' ils soient en bois, béton, granito, pierre, métallique, .....
</font>
<br><br>
Vous pouvez demander un <a href="http://www.escaliers-style.fr/contact.php" border="0" alt="" class="liensMENU1">devis</a> en ligne gratuit, déposer une demande d'information gratuite.
<br><br><div style="text-align: center"><br>Toujours à votre service et à bientôt</p></div></font>
<br>
<div style="position:absolute; text-align:left; left:1000px; top:750px; width:100;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<font class="textegrissofts">Professionnels</font> et <font class="textegrissofts">spécialistes</font> reconnus dans l'habillage et rénovation d'escaliers.</div>
<pre><img src="images/escalier-massif.gif" border="0" width="383" height="208" alt=""><img src="images/escalier-massif2.gif" border="0" alt=""></pre>
</div>
</frameset>
</td>
</tr>
<!-- fin colonne centrale -->
<TR>
<TD background="images/header_pied.bmp" colspan=3 height="36">
<DIV class="texte1" align="center">
Qui sommes nous ? - Mentions légales - Plan du site - Contactez-nous
</TD>
</TR>
<tr>
<TD colspan=3 height="48" class="texte_bass" align="right">
<table style='width:100%;'height="48" background="images/header_pied_contact.bmp" >
<tr>
<td style='text-align:left;' class="texte_bas"><p><font class="texte_bas">Escaliers de STYLE </font><font class="texte_bass"> 15 chemin de Gabaroche - 33390 ST Martin Lacaussade</font><font class="texte_bas"> GIRONDE<br>
</font><a href="http://www.escaliers-style.fr" class="liensMENU2">Home </A>Design© 2011 - <font class="texte_bass">(Création 2011): </font>
</p>
</td>
<td style='text-align:right;' class="texte_bas"><p>Tél: <font class="texte_bas">05 57 64 45 16</font><font class="texte_bass"> - Mobile:</font><font class="texte_bas"> 07 86 53 54 54 </font></p>
</td></tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
__________
en image : http://visual.effect.free.fr/sites/images/site.jpg
Merci par avance pour votre aide
J'ai un souci que je n'arrive pas à régler (pour ca que je suis ici :-)) J'ai un espace entre ma bannière et mon affichage central.
J'ai modifié, reconstruit mon tableau mais rien n'y fait. voici la page:
<!-- début tête de page -->
<table width="40%" height="" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="989" border="0" cellspacing="0" cellpadding="0">
<table width="989" height="" border="0" align="center">
<tr>
<td valign="top" align="center" colspan=3><img src="images/bg_header.gif" border="0" width="100%" height="70" alt=""><br>
<div style="text-align: center"><img src="images/logo.bmp" border="0" wigth="100%" alt=""></div>
<div style="position:absolute; text-align:justify; left:550px; top:5px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<img src="images/header.gif" border="0" alt="">
</div>
<TD valign="top" <div style="position:absolute; text-align:justify; left:575px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/accueil.php" class="liensMENU">Accueil</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:720px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/plan.php" class="liensMENU">Plan du Site</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:930px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/contact.php" class="liensMENU">Nous contacter</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
</td></tr>
<!-- Début colonne de droite -->
<tr><td>
<table width="989" align="center" cellpadding="5" height="" border="0" summary="" valign="top" bgcolor="#ffffff">
<tr>
<td valign="top" width="205">
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Habillage d'escalier<br>
<img src="images/ligne_horiz2.jpg" border0="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Style<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Technique<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Le Stratifié<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/realisation.bmp" border="0" alt=""><br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<img src="images/fleche.gif" border="0" width="11" height="12" alt="" class="image"><div class="texte">Où nous trouver ?<br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/devis.bmp" border="0" alt=""><br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/nous.bmp" border="0" alt=""><br>
<img src="images/ligne_horiz2.jpg" border="0" width="165" height="3" alt="">
<br><img src="images/pub.gif" border="0" alt="">
</td>
</td>
<!-- fin colonne de droite -->
<!-- Début colonne centrale -->
<td background="images/ligne_vert.jpg" border="0" width="7" height="" alt="">
</td>
<td valign="top" width="90%" bgcolor="" >
<frameset width="90%"><img src="images/accueil.gif" border="0" width="267" height="400" alt="" class="image">
<div class="textegrissoft"><br>Concessionnaire EXCLUSIF <font color="#00752c">Styl'Stair</font> dans VOTRE région: <br><div style="text-align: center"><font size="5" color="#050000">*</font><br><u>LA GIRONDE</div></u>
<br>
<div style="text-align: justify" class="texte"><br>Bonjour et bienvenue sur le site de la rénovation professionnelle d'escaliers.
<br><br>
Vous trouverez ici conseils et devis gratuits, même le déplacement chez vous d'un de nos techniciens qualifiés et agréés est entièrement gratuit.
<br><br>
ESCALIERS de STYLE partenaire agréé de Styl' Stair, professionnel et spécialiste reconnu dans l'habillage et de la rénovation d'escalier.
<br><br>
Toutes les solutions d' habillage et de rénovation, et ceci qu' ils soient en bois, béton, granito, pierre, métallique, .....
</font>
<br><br>
Vous pouvez demander un <a href="http://www.escaliers-style.fr/contact.php" border="0" alt="" class="liensMENU1">devis</a> en ligne gratuit, déposer une demande d'information gratuite.
<br><br><div style="text-align: center"><br>Toujours à votre service et à bientôt</p></div></font>
<br>
<div style="position:absolute; text-align:left; left:1000px; top:750px; width:100;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<font class="textegrissofts">Professionnels</font> et <font class="textegrissofts">spécialistes</font> reconnus dans l'habillage et rénovation d'escaliers.</div>
<pre><img src="images/escalier-massif.gif" border="0" width="383" height="208" alt=""><img src="images/escalier-massif2.gif" border="0" alt=""></pre>
</div>
</frameset>
</td>
</tr>
<!-- fin colonne centrale -->
<TR>
<TD background="images/header_pied.bmp" colspan=3 height="36">
<DIV class="texte1" align="center">
Qui sommes nous ? - Mentions légales - Plan du site - Contactez-nous
</TD>
</TR>
<tr>
<TD colspan=3 height="48" class="texte_bass" align="right">
<table style='width:100%;'height="48" background="images/header_pied_contact.bmp" >
<tr>
<td style='text-align:left;' class="texte_bas"><p><font class="texte_bas">Escaliers de STYLE </font><font class="texte_bass"> 15 chemin de Gabaroche - 33390 ST Martin Lacaussade</font><font class="texte_bas"> GIRONDE<br>
</font><a href="http://www.escaliers-style.fr" class="liensMENU2">Home </A>Design© 2011 - <font class="texte_bass">(Création 2011): </font>
</p>
</td>
<td style='text-align:right;' class="texte_bas"><p>Tél: <font class="texte_bas">05 57 64 45 16</font><font class="texte_bass"> - Mobile:</font><font class="texte_bas"> 07 86 53 54 54 </font></p>
</td></tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
__________
en image : http://visual.effect.free.fr/sites/images/site.jpg
Merci par avance pour votre aide
A voir également:
- Problème d'espace entre ma bannière et centre
- Espace insécable - Guide
- Espace de stockage gmail plein - Guide
- Centre de messagerie - Guide
- Espace stockage google - Guide
- Centre d'aide facebook compte bloqué - Guide
4 réponses
Salut
L'idéal est de ne pas utilisé de tableau mais les div...
Je ne suis pas sur de ce que je vais te donner mais on peux toujours tester ;-)
essaye avec
<td style="margin-top:-5px;">
Spi
L'idéal est de ne pas utilisé de tableau mais les div...
Je ne suis pas sur de ce que je vais te donner mais on peux toujours tester ;-)
essaye avec
<td style="margin-top:-5px;">
Spi
merci spirou pour ta réponse
Ceci dit ca ne fonctionne pas.
Mais j'ai trouvé une parade qui donne ca :
http://visual.effect.free.fr/sites/images/site1.jpg
C'est pas le top mais le temps de trouver une solution :-)
merci encore pour ton aide
Ceci dit ca ne fonctionne pas.
Mais j'ai trouvé une parade qui donne ca :
http://visual.effect.free.fr/sites/images/site1.jpg
C'est pas le top mais le temps de trouver une solution :-)
merci encore pour ton aide
Ok pas de problème je l'ai dit.... Je n'étais pas sur lol
Maintenant, fais participer à la communauté en donnant t'as solution ;-)
Bonne continuation
Spi
Maintenant, fais participer à la communauté en donnant t'as solution ;-)
Bonne continuation
Spi
ooops sorry
en fait j'ai modifié mon code d'affichage du menu du haut (qui me mettait une bordure supplémentaire) :
<!-- début tête de page -->
<table width="40%" height="" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="989" border="0" cellspacing="0" cellpadding="0">
<table width="989" height="" border="0" align="center">
<tr>
<td valign="top" align="center" colspan=3><img src="images/bg_header.gif" border="0" width="100%" height="70" alt=""><br>
<div style="text-align: center"><img src="images/logo.bmp" border="0" wigth="100%" alt=""></div>
<div style="position:absolute; text-align:justify; left:550px; top:5px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<img src="images/header.gif" border="0" alt="">
</div>
<TD valign="top" <div style="position:absolute; text-align:justify; left:575px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/accueil.php" class="liensMENU">Accueil</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:720px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/plan.php" class="liensMENU">Plan du Site</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:930px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/contact.php" class="liensMENU">Nous contacter</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
</td></tr>
<!-- Début colonne de droite -->
Par un affichage plus simple:
<!-- début tête de page -->
<table width="40%" height="" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="989" border="0" cellspacing="0" cellpadding="0" bgcolor="white">
<table width="989" height="" border="0" align="center">
<tr>
<td valign="top" align="center" colspan=3><img src="images/bg_header.gif" border="0" width="989" height="70" alt=""><br>
<div style="text-align: center"><img src="images/logo.bmp" border="0" wigth="989" alt=""></div>
<div style="position:absolute; text-align:justify; left:550px; top:5px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<img src="images/header.gif" border="0" alt="">
</div>
<div style="position:absolute; text-align:justify; left:575px; top:25px; width:950px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/accueil.php" class="liensMENU">Accueil</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""><img src="images/space_header.gif" border="0" width="80" height="20" alt="">
<a href="http://escaliers-style.fr/plan.php" class="liensMENU">Plan du Site</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""><img src="images/space_header.gif" border="0" width="110" height="20" alt="">
<a href="http://escaliers-style.fr/contact.php" class="liensMENU">Nous contacter</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></div>
</td>
</tr>
<!-- Début colonne de droite -->
puis j'ai rajouté bgcolor="white" dans <td> avant ma <table> d'affichage.
J'ai une bordure un peu disgracieuse mais si je trouve une autre solution je manquerai pas de la communiquer.
Merci encore et d'avance si vous avez d'autres idées.
en fait j'ai modifié mon code d'affichage du menu du haut (qui me mettait une bordure supplémentaire) :
<!-- début tête de page -->
<table width="40%" height="" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="989" border="0" cellspacing="0" cellpadding="0">
<table width="989" height="" border="0" align="center">
<tr>
<td valign="top" align="center" colspan=3><img src="images/bg_header.gif" border="0" width="100%" height="70" alt=""><br>
<div style="text-align: center"><img src="images/logo.bmp" border="0" wigth="100%" alt=""></div>
<div style="position:absolute; text-align:justify; left:550px; top:5px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<img src="images/header.gif" border="0" alt="">
</div>
<TD valign="top" <div style="position:absolute; text-align:justify; left:575px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/accueil.php" class="liensMENU">Accueil</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:720px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/plan.php" class="liensMENU">Plan du Site</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
<TD valign="top" <div style="position:absolute; text-align:justify; left:930px; top:25px; width:150px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/contact.php" class="liensMENU">Nous contacter</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></td>
</td></tr>
<!-- Début colonne de droite -->
Par un affichage plus simple:
<!-- début tête de page -->
<table width="40%" height="" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="989" border="0" cellspacing="0" cellpadding="0" bgcolor="white">
<table width="989" height="" border="0" align="center">
<tr>
<td valign="top" align="center" colspan=3><img src="images/bg_header.gif" border="0" width="989" height="70" alt=""><br>
<div style="text-align: center"><img src="images/logo.bmp" border="0" wigth="989" alt=""></div>
<div style="position:absolute; text-align:justify; left:550px; top:5px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<img src="images/header.gif" border="0" alt="">
</div>
<div style="position:absolute; text-align:justify; left:575px; top:25px; width:950px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<a href="http://escaliers-style.fr/accueil.php" class="liensMENU">Accueil</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""><img src="images/space_header.gif" border="0" width="80" height="20" alt="">
<a href="http://escaliers-style.fr/plan.php" class="liensMENU">Plan du Site</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""><img src="images/space_header.gif" border="0" width="110" height="20" alt="">
<a href="http://escaliers-style.fr/contact.php" class="liensMENU">Nous contacter</a> <img src="images/fleche.gif" border="0" width="11" height="12" alt=""></div>
</td>
</tr>
<!-- Début colonne de droite -->
puis j'ai rajouté bgcolor="white" dans <td> avant ma <table> d'affichage.
J'ai une bordure un peu disgracieuse mais si je trouve une autre solution je manquerai pas de la communiquer.
Merci encore et d'avance si vous avez d'autres idées.