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
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

A voir également:

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
Salut,

Donc si je comprends bien, tu veux mettre le tableau de la 'photo du mois' à l'endroit sélectionné par le carré rouge ?
0
Aubelyne Messages postés 11 Date d'inscription mardi 13 avril 2010 Statut Membre Dernière intervention 13 avril 2010
13 avril 2010 à 18:02
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
0
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
A vrai dire, pas trop.

Pourrais-tu poster ton code ?
0
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
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>
0
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
Tu es sûr qu'il y a tout le code ? Parce que je ne vois pas ton menu là ...
0
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
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 ?
0
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
Non non c'est bon alors, je jette un coup d'oeil ;)
0
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
D'accord d'accord, j'attends alors :-D
0

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
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 ?
0
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
<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...
0
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
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 ~
0
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
Mmm je ne comprends pas très bien...je suis extra-débutante ^^ position absolue c'est quoi ?
Désolé :-S
0
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
Je vais te le coder ;)

Tu peux me dire les dimensions de ta bannière ?
0
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
Ohh trop sympa ! :-D Merco
Ma bannière c'est du 998*201
0
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
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>

0
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
D'accord merci beaucoup, j'essaye :)
0
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
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
0
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
Oups, c'est moi qui me suis trompé.

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
0
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
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
0
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
Si ca t'interresse, fait un tour ur mon site : http://www.sites66.com
0