Combler un vide dans un page html
Fermé
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
-
13 avril 2010 à 17:57
a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 - 13 avril 2010 à 19:03
a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 - 13 avril 2010 à 19:03
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
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- ≪br> ou <br /> ou </br> ✓ - Forum Webmastering
8 réponses
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:00
13 avril 2010 à 18:00
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 ?
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:04
13 avril 2010 à 18:04
A vrai dire, pas trop.
Pourrais-tu poster ton code ?
Pourrais-tu poster ton code ?
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:06
13 avril 2010 à 18:06
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>
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:09
13 avril 2010 à 18:09
Tu es sûr qu'il y a tout le code ? Parce que je ne vois pas ton menu là ...
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:11
13 avril 2010 à 18:11
Mon menu est dans un autre fichier, c'est un truc tout fait que j'ai pas encore personnalisé, c'est important que tu l'ai le code du menu ?
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:12
13 avril 2010 à 18:12
Non non c'est bon alors, je jette un coup d'oeil ;)
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:13
13 avril 2010 à 18:13
D'accord d'accord, j'attends alors :-D
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:15
13 avril 2010 à 18:15
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 ?
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:21
13 avril 2010 à 18:21
<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...
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:23
13 avril 2010 à 18:23
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 ~
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:27
13 avril 2010 à 18:27
Mmm je ne comprends pas très bien...je suis extra-débutante ^^ position absolue c'est quoi ?
Désolé :-S
Désolé :-S
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:30
13 avril 2010 à 18:30
Je vais te le coder ;)
Tu peux me dire les dimensions de ta bannière ?
Tu peux me dire les dimensions de ta bannière ?
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:32
13 avril 2010 à 18:32
Ohh trop sympa ! :-D Merco
Ma bannière c'est du 998*201
Ma bannière c'est du 998*201
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:36
13 avril 2010 à 18:36
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>
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:38
13 avril 2010 à 18:38
D'accord merci beaucoup, j'essaye :)
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:49
13 avril 2010 à 18:49
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
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 18:52
13 avril 2010 à 18:52
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
Aubelyne
Messages postés
11
Date d'inscription
mardi 13 avril 2010
Statut
Membre
Dernière intervention
13 avril 2010
13 avril 2010 à 18:57
13 avril 2010 à 18:57
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
a70m
Messages postés
2763
Date d'inscription
jeudi 21 mai 2009
Statut
Contributeur
Dernière intervention
2 février 2014
217
13 avril 2010 à 19:03
13 avril 2010 à 19:03
Si ca t'interresse, fait un tour ur mon site : http://www.sites66.com
13 avril 2010 à 18:02