Problème css de mon site

Les image sons les une dessous les autre

27 mars 2006 à 20:06:54

Bonjour bonjour!

Tout d'abord: http://artsgamer.c.la et aller dans forum.

J'ai ENFIN mon design définitif et je le code...mais la j'ai un problème:

regarde mes images de bannière, elle sont bien placé sauf les image "descende", pour mon menu etc pareil...
Le haut du menu ne se colle pas du tout avec le reste même avec les marges a zero!

Mais je pense que de regarder est plus simple que d'expliquer!!

code HTML:

<div id="header_gauche">
</div>

<div id="header">
</div>

<div id="header_droite">
</div>




<div id="haut_menu_navig">
</div>

<div class="menu">
<p>Lien</p>
</div>

<div class="bas_menu">
</div>


<div id="haut_menu_commu">
</div>

<div class="menu">
<p>Lien</p>
</div>

<div class="bas_menu">
</div>


<div id="haut_menu_pub">
</div>

<div class="menu">
<p>Lien</p>
</div>

<div class="bas_menu">
</div>


<div id="haut_menu_search">
</div>

<div class="menu">
<p>Lien</p>
</div>

<div class="bas_menu">
</div>



<div id="haut_corps">
</div>

<div id="corps">
<p>Salut a tous!<br/>
site en construction!</p>
<p><ul>
<li>Création d'un site web </li>
<li>Les jeux vidéo. Counter-strike source et Final Fantasy VII (Jeu de légende!) en particulier. </li>
<li>Diverse astuce pour des programme informatique. </li>
<li>Des vidéos drole, faites par moi et des amis.
</li>
</ul></p>
</div>

<div id="bas_corps">
</div>

Le css:

#header_gauche
{
background-image: url("images/header/header_gauche.gif");
width:422px;
height:86px;
margin-bottom: 0px:
}
#header
{
background-image: url("images/header/header.gif");
width:10px; /*Largeur */
height:86px; /* Hauteur */
margin-left: 422px;
margin-bottom: 0px:
}
#header_droite
{
background-image: url("images/header/header_droite.gif");
width:422px;
height:86px;
margin-left: 432px;
margin-bottom: 0px:
}
/* Fin du header */

/*Speed_barre*/
/* Fin de la speed barre */

/* Menu */
#haut_menu_navig
{
background-image: url("images/menu/haut_menu_navig.gif");
width:164px;
height:41px;
margin: 0px;
}
#haut_menu_commu
{
background-image: url("images/menu/haut_menu_commu.gif");
width:164px;
height:41px;
margin: 0px;
}
#haut_menu_pub
{
background-image: url("images/menu/haut_menu_pub.gif");
width:164px;
height:41px;
margin: 0px;
}
#haut_menu_search
{
background-image: url("images/menu/haut_menu_search.gif");
width:164px;
height:41px;
margin: 0px;

}

.menu
{
background-image: url("images/menu/menu.gif");
width:164px;
height:134px;
margin-top: 0px;
margin-bottom: 0px;
}
.bas_menu
{
background-image: url("images/menu/bas_menu.gif");
width:164px;
height:21px;
margin-top: 0px;
margin-bottom: 25px;
}
/*Fin du menu */

/*Corps*/
#haut_corps
{
background-image: url("images/corps/haut_news.gif");
margin-top: 15px;
margin-bottom: 0px;
width:700px;
height:41px;
margin-left: 200px
}
#corps
{
margin-left: 200px;
padding: 5px;
background-image: url("images/corps/news.gif");
width:690px;
}
#bas_corps
{
margin-left: 200px;
margin-top: 0px;
margin-bottom: 10px;
background-image: url("images/corps/bas_news.gif");
width:700px;
height:41px;
}

Désolée pour tout ces longue ligne de code...et puis c'est pas fini!!

Aurevoir et merci d'avance pour vos futur réponse!!

Anonyme

27 mars 2006 à 20:25:03

moi, je ne risque pas de juger, puisque j'ai ça :

mais je ne me suis pas encore penché sur ton code...

Sword

27 mars 2006 à 20:27:58

Quand tu arrive sur cette page, il faut aller dans le menu en bas a droite et cliquer sur forum...avant c'est un truc compliquer voila...!

jp949

28 mars 2006 à 9:26:01

1ere erreur
<div id="header_gauche">
</div>

<div id="header">
</div>

<div id="header_droite">
</div>
le div "header_droite" doit etre implementé avntle div "header" dans le code html.
tu auras deja la banniere qui s'affiche je regarderai le reste apres

Sword

29 mars 2006 à 14:08:29

Bin j'ai échanger la place du div "header_droite" et du div"header" dans le code HTML et sa ne me change rien...enfin si un peu mais le problème persiste toujours!

Peut être un truc dans le CSS du body:

body
{
width: 850px;
margin-left: 50px;
font-size: 0.8em;
}

J'ai changer le code pour la bannière et il marche. Le voici:

Edit 2 : J'ai réussi a coller le haut du menu avec le reste du menu. Ma bannière est bien sauf que le div "header_gauche" est décalé a fond..!
Le corps reste en dessous du menu..

Sword

30 mars 2006 à 11:53:16

UP!

En faites mon problème maintenant est:

Le div "header_droite" a une marge vers la droite
Le corps n'est pas centrer, il est en dessous de la page.
Comme le corps n'est pas bien placer, le footer est en dessous du corps, donc trop en bas

TheL0wBob

30 mars 2006 à 12:13:22

J'aimerai bien t'aider, mais je ne vois aucune image...

Sword

30 mars 2006 à 12:26:24

Bin tout marche bien mais le texte de mon corps est en bas. avec le corps

Sword

31 mars 2006 à 17:39:43

Up!!

Le texte de mon corps est tout en bas!!