Mon "menu-horizontale passe en dessous de mon "corps

Tout est dans le titre, essayez de vous balader sur le menu horizontale ...

http://moncine.webuda.com/

Bah y'a un attribut pour ça nan ?

EDIT : Je crois que c'est l'attribut z-index="X", X étant la profondeur donnée à la div dans la contruction de la page, je suis pas sûr.
EDIT 2 : Tiens regarde à ça http://www.webmaster-hub.com/topic/31252-mettre-une-div-derriere-une-autre-en-arriere-plan/ surtout la citation d'un des mec.

Bon premièrement,

Les codes ?

Ensuite met moi une
img{
border:none;
}

car sa me gonfle déjà

xcr4zyz' a écrit:
Bon premièrement,

Les codes ?

Ensuite met moi une
img{
border:none;
}

car sa me gonfle déjà

hein ? lol je les déjà mis, si tu parles de la bordure qui est sur le menu horizontale c'est fait exprès x'D
j'ai essayé de faire un effet de zoom mais sa le fait pas trop ^^

Et sinon désolé j'avais édites mon message en mettant les codes mais ma livebox a bug ( vive orange )

Donc voilà :

Code de mon menu horizontale :(html)

Code:


         <div id="menu">
<ul>

<li><a href="#"><img src="home.png" />Accueil</a></li>
<li><a href="#"><img src="jeux.png" />Jeux vidéos</a>

<ul>

<li><a href="#">PC</a></li>
<li><a href="#">PS3</a></li>
<li><a href="#">PS2</a></li>
<li><a href="#">PSP</a></li>
<li><a href="#">Xbox 360</a></li>
<li><a href="#">Wii</a></li>
<li><a href="#">DS</a></li>
<li><a href="#">3DS</a></li>

</ul>




<li><a href="#"><img src="film.png" />Film</a>

<ul>
<li><a href="#">Cinéma</a></li>
<li><a href="#">Série TV</a></li>
</ul>


<li><a href="#"><img src="membre.png" />Membre</a>
<ul>

<li><a href="#">Connexion</a></li>
<li><a href="#">Inscription</a></li>

</ul>
<li><a href="#"><img src="admin.png" />Admin</a>





</ul>
</div>


Code de mon menu-horizontale: (css)

Code:



#menu ul {
margin:0;
padding:0;

list-style-type:none;
text-align:center;
background-color: #333333;

}
#menu li {
float:left;
margin:auto;
padding:0;

background-color: #f4f9fd;
}
#menu li a {
display:block;
width:150px;
color:black;
text-decoration:none;
margin-top:0px;
padding:10px;

}
#menu li a:hover {
color: #333333;
border: 4px solid #f4f9fd;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
margin-left: 150px;
margin-right: 150px;
float: center;

}



rien que dans ton html, il manque des

voila j'ai rajouté les li qui manquait mais sa marche toujours pas

Ils sont tous pas tous fermé

xcr4zyz' a écrit:Ils sont tous pas tous fermé

normal sinon le menu devient plus déroulant

Ok, j'avais pas compris le problème.

C'est simple.

La ton deuxième block passe par dessus ta navigation. Donc c'est un problème du dans le css. En 5minutes je l'ai corriger depuis mon pc. Donc je te laisse chercher un petit peu. Si tu ne t'en sort pas. Je t'aiderais.

Jvois tjrs pas comment faire, sa viendrais pas de sa :

Code:


display:block;


Si je peux te donner une astuce. Télécharge firebug. Tu va pouvoir modifier ta page en ligne. Sa va t'aider

xcr4zyz' a écrit:Si je peux te donner une astuce. Télécharge firebug. Tu va pouvoir modifier ta page en ligne. Sa va t'aider

Je peux pas, j'ai la version 4.0 en beta, le module ne marche pas sur cette version

Sa sert à quoi le module ? parce que si c'est utile je désinstalle cette version de firefox

SA te permet de voir les bugs sur ta page.

Et modifier ta page en temps réel depuis ton navigateur. Sa te permet de programmer plus rapidement. De trouver les erreurs plus rapidement.

Sa modifie la page que tu a dans ton navigateur. C'est juste visuel. Très pratique.

ok bah je désinstalle mon firefox et je test, le plug in affiche direct l'erreur ?

Tu peux avoir la beta et la 3.x de firefox en meme temps, pas besoin desinstaller ...

atlsnip34 a écrit:Tu peux avoir la bêta et la 3.x de Firefox en même temps, pas besoin désinstaller ...

C'est ce que j'avais fait avant, j'ai éteint mon pc à un moment, quand je l'es rallumé, l’icône ou t’avais Firefox 3 avait disparu, il restait plus que celle de la bêta 4