Combler un vide dans un page html
Aubelyne
Messages postés
11
Statut
Membre
-
a70m Messages postés 3121 Statut Contributeur -
a70m Messages postés 3121 Statut Contributeur -
Salut à tous ! J'ai un problème assez urgent pour la création de mon site. J'aimerai mettre un tableau à droite pour combler le vide entre la bannière et le menu, enfin je vous montre sur ma capture d'écran : https://www.casimages.com/i/10041305545187468.jpg.html
Le rectangle rouge c'est ce que je désire faire.
Pouvez vous me dire comment faire ? Merci beaucoup d'avance.
Aubelyne
Le rectangle rouge c'est ce que je désire faire.
Pouvez vous me dire comment faire ? Merci beaucoup d'avance.
Aubelyne
A voir également:
- Combler un vide dans un page html
- Supprimer page word vide - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Caractere vide - Guide
- Editeur html - Télécharger - HTML
- Coeur vide ✓ - Forum Facebook
8 réponses
Salut,
Donc si je comprends bien, tu veux mettre le tableau de la 'photo du mois' à l'endroit sélectionné par le carré rouge ?
Donc si je comprends bien, tu veux mettre le tableau de la 'photo du mois' à l'endroit sélectionné par le carré rouge ?
Aubelyne
Messages postés
11
Statut
Membre
Non je veux en mettre un autre, j'ai essayer mais le tableau s'affiche en dessous du tableau "la photo du mois" , et comme je le met à droite, c'est encore pire, ça fait un énorme vide entre la bannière et le tableau. Je sais pas si je suis très claire :-P
A vrai dire, pas trop.
Pourrais-tu poster ton code ?
Pourrais-tu poster ton code ?
Ok alors j'ai ceci :
<html>
<head>
<title>Coiff' Coiff' : Le monde de la Coiffure.</title>
</head>
<body>
<BODY BACKGROUND = "fond.jpg">
<img src = "banniere.jpg">
<script type="text/javascript" src="ejs_menu_multicolor.js">
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<table border = "3">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br> <center><FONT FACE = "Kozuka Gothic Pro B"; color = "#FF9900"><u>La Photo du mois</u></font></center>
<br>
<br><img src="photo du mois avril.jpg" height="150" width="165" border="1">
<br>
<br>
<br>
<br>
</th>
</tr>
</table>
ICI, j'ai essayer de mettre un autre tableau mais il ne s'affiche pas à l'emplacement du carré rouge, même si je le met à droite.
</body>
</html>
<html>
<head>
<title>Coiff' Coiff' : Le monde de la Coiffure.</title>
</head>
<body>
<BODY BACKGROUND = "fond.jpg">
<img src = "banniere.jpg">
<script type="text/javascript" src="ejs_menu_multicolor.js">
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<table border = "3">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br> <center><FONT FACE = "Kozuka Gothic Pro B"; color = "#FF9900"><u>La Photo du mois</u></font></center>
<br>
<br><img src="photo du mois avril.jpg" height="150" width="165" border="1">
<br>
<br>
<br>
<br>
</th>
</tr>
</table>
ICI, j'ai essayer de mettre un autre tableau mais il ne s'affiche pas à l'emplacement du carré rouge, même si je le met à droite.
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ah, pour que je puisse y voir un peu plus clair, pourrais-tu aller sur ta page avec Firefox, faire Ctrl+U, Ctrl+A, Ctrl+C et coller le contenu ici ?
<html>
<head>
<title>Coiff' Coiff' : Le monde de la Coiffure.</title>
</head>
<body>
<BODY BACKGROUND = "fond.jpg">
<img src = "banniere.jpg">
<script type="text/javascript" src="ejs_menu_multicolor.js">
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<table border = "3">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br> <center><FONT FACE = "Kozuka Gothic Pro B"; color = "#FF9900"><u>La Photo du mois</u></font></center>
<br>
<br><img src="photo du mois avril.jpg" height="150" width="165" border="1">
<br>
<br>
<br>
<br>
</th>
</tr>
</body>
</html>
ça me parait être la même chose qu'avant...
<head>
<title>Coiff' Coiff' : Le monde de la Coiffure.</title>
</head>
<body>
<BODY BACKGROUND = "fond.jpg">
<img src = "banniere.jpg">
<script type="text/javascript" src="ejs_menu_multicolor.js">
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<table border = "3">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br> <center><FONT FACE = "Kozuka Gothic Pro B"; color = "#FF9900"><u>La Photo du mois</u></font></center>
<br>
<br><img src="photo du mois avril.jpg" height="150" width="165" border="1">
<br>
<br>
<br>
<br>
</th>
</tr>
</body>
</html>
ça me parait être la même chose qu'avant...
Effectivement,
Alors, tu peux mettre un tableau en position absolue à 0px à gauche et x pixels de haut où x correspond à la hauteur de ta banière + 10 px ~
Alors, tu peux mettre un tableau en position absolue à 0px à gauche et x pixels de haut où x correspond à la hauteur de ta banière + 10 px ~
Essaye voir ceci, et poste aussi une capture d'écran
<div style="position:absolute; top: 210px; left:2px;"> <table width="180px"> <!-- CONTENU DE TON TABLEAU --> </table> </div>
C'est un peu long désolé mais c'est parce que j'ai un autre problème : je n'arrive plus à la mettre à droite...:-S
Mon code ça donne ça :
<html>
<head>
<title>Coiff' Coiff' : Le monde de la Coiffure.</title>
</head>
<body>
<BODY BACKGROUND = "fond.jpg">
<img src = "banniere.jpg">
<script type="text/javascript" src="ejs_menu_multicolor.js">
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<table border = "3">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br> <center><FONT FACE = "Kozuka Gothic Pro B"; color = "#FF9900"><u>La Photo du mois</u></font></center>
<br>
<br><img src="photo du mois avril.jpg" height="150" width="165" border="1">
<br>
<br>
<br>
<br>
</th>
</tr>
</table>
<div style="position:absolute; top: 210px; left:2px;">
<table width="180px">
<table border = "3"; align = "right">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</th>
</tr>
</table>
</table>
</div>
</body>
</html>
Et voici ma capture : https://www.casimages.com/i/100413064918794954.jpg.html
Mon code ça donne ça :
<html>
<head>
<title>Coiff' Coiff' : Le monde de la Coiffure.</title>
</head>
<body>
<BODY BACKGROUND = "fond.jpg">
<img src = "banniere.jpg">
<script type="text/javascript" src="ejs_menu_multicolor.js">
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<table border = "3">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br> <center><FONT FACE = "Kozuka Gothic Pro B"; color = "#FF9900"><u>La Photo du mois</u></font></center>
<br>
<br><img src="photo du mois avril.jpg" height="150" width="165" border="1">
<br>
<br>
<br>
<br>
</th>
</tr>
</table>
<div style="position:absolute; top: 210px; left:2px;">
<table width="180px">
<table border = "3"; align = "right">
<tr>
<th><font color = "#FFFF66">...............................................</font>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</th>
</tr>
</table>
</table>
</div>
</body>
</html>
Et voici ma capture : https://www.casimages.com/i/100413064918794954.jpg.html
Oups, c'est moi qui me suis trompé.
Je l'ai mis à gauche désolé.
Donc ton code sera
Fait juste attention, dans le code que tu m'as envoyé, il y avait de balise </table> à la suite, j'ai supprimée celle en trop.
Cordialement
Je l'ai mis à gauche désolé.
Donc ton code sera
<div style="position:absolute; top: 210px; right:2px;"> <table width="180px"> <table border = "3"; align = "right"> <tr> <th><font color = "#FFFF66">...............................................</font> <br> <br> <br> <br> <br> <br> <br> </th> </tr> </table> </div>
Fait juste attention, dans le code que tu m'as envoyé, il y avait de balise </table> à la suite, j'ai supprimée celle en trop.
Cordialement
C'est nickel !! J'y serai jamais arriver toute seule ! Merci beaucoup !!
Bisous !
Ton super travail donne ça :-P :https://www.casimages.com/i/100413065726261340.jpg.html
Bisous !
Ton super travail donne ça :-P :https://www.casimages.com/i/100413065726261340.jpg.html
