[CSS 2] Menu caché par bloc div

1 pièce(s) jointe(s)

Menu caché par bloc div

Pièce jointe 58814:ave:Bonjour à tous,

Voilà je reviens vers vous pour vous demander une petite aide. Je suis entrain de créer un site en php, cependant le menu déroulant que j'ai mis contient 3 niveau et j'ai fait des plac sur ma page d'accueil. Quand je veux ouvrir le niveau 2 et le niveau 3 de mon menu déroulant un bloc div d'un autre css cache ces deux niveaux.
je voudrai savoir comment faire pour que ce menu passe devant quand je le survol. je vous joins l'image de mon problème.

Je vous remercie d'avance de votre aide

Bonjour,

Je pense qu'il nous faudrait un peu de code pour que l'on puisse t'aider ;)

:coucou::coucou::coucou: Tout d'abord merci d'avoir répondu à mon message , mon code est disposé sur trois fichier différent mais je te donne les bout de code qui peuvent t'aider à voir mieux . et le tout afficher par le fichier index.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
///////// feuille de style du menu de gauche de ma page 
#menu_gauche{
            float:left;
            position:relative;
            width: 20%;
            height:395px;
             border:red solid 1px;
             background-color:#f0ffff;
         /**  width:350px;
           height:350px;**/
           -moz-border-radius:20px;
           -webkit-border-radius:20x;
           padding:5px 5px 0px 0px;
           padding-left:none;
            background-position:left;
             margin-top:10px;
            clear:both;}

////avec le code qui l’accompagne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
    <head>
        <title>
 
        </title>
 
    </head>
    <body>
            <div id="menu_gauche">
                <a href="spip/index.php" id="forum">Mon compte</a><br>
                <a href="spip/index.php" id="forum">M'inscrire aux newsletters</a><br>
                <a href="spip/index.php" id="forum">Mes annonces</a><br>
                <a href="spip/index.php" id="forum">Mes contacts</a><br>
                <a href="spip/index.php" id="forum">Mes messages</a><br>
                <a href="spip/index.php" id="forum">Forums des discussions</a><br>
                <a href="spip/index.php" id="forum">Forum par th&egrave;me</a><br>
 
            </div>
 
    </body>
 
</html>

// la partie du Menu principal qui est cachée

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#menu_princip
     {
            position:absolute;
            width: auto;
            height:auto;
             border:red solid 1px;
             background-color:#f0ffff;
         /**  width:350px;
           height:350px;**/
           -moz-border-radius:20px;
           -webkit-border-radius:20x;
           /*padding:10px 5px 0px 0px;*/
            background-position:left;
            margin-left:240px;
            margin-right:600px;
            margin-top:8px;
            padding:5px 5px 2px 0px ;
 
     }

//SON CODE

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
  <ul class="niveau1">
       <li><a href="./index.php" style="width:100%" >Accueil | </a></li>
      <li class="sousmenu"><a href="" style="width:100%" > Services-Emploi |</a>
	     <ul class="niveau2">
            <li class="sousmenu"><a href="" style="width:100%"></a>
               	   <ul class="niveau3">
                   <li><a href="liens" style="width:100%"></a></li>
                   <li><a href="liens" style="width:100%"></a></li>
                   <li><a href="liens"></a></li> 
			       </ul>
		      <li><a href="liens"></a></li>
               <li class="sousmenu"><a href=""></a>
               <ul class="niveau3">
                  <li class="sousmenu"><a href=""></a>
				  		<ul class="niveau4">
                  		<li><a href="liens" target="_blank"></a></li>
                  		 <li><a href="liens"></a></li>
                   		</ul>
		  		  </li>
						<li class="sousmenu"><a href=""></a>
				   		<ul class="niveau4">
                  		<li><a href="liens" target="_blank"></a></li>
                  		 <li><a href="liens"></a></li>
                   		</ul>
						</li>
                  <li class="sousmenu"><a href=""></a>
				  		<ul class="niveau4">
                 		<li><a href="liens" target="_blank"></a></li>
                  		 <li><a href="liens"></a></li>
           		    </ul>
				  </li>
				  <li class="sousmenu"><a href=""></a>
						<ul class="niveau4">
                  		<li><a href="liens" target="_blank"></a></li>
                  		 <li><a href="liens"></a></li>
                   		</ul>
				  </li>
                   <li class="sousmenu"><a href=""></a>
				   		<ul class="niveau4">
                  		<li><a href="liens" target="_blank"></a></li>
                  		 <li><a href="liens"></a></li>
                   		</ul>
				  </li>
                  <li class="sousmenu"><a href=""></a>
				    	<ul class="niveau4">
                 		 <li><a href="liens"></a></li>
                   		</ul>
				  </li>
				 </ul>
	          </li>		
 
		   <li class="sousmenu"><a href="liens"></a></li>
           </ul>
          </li>

Merci d'avance