Menu caché par bloc div

**dess5** · 21/02/2010, 18h04

Nom : Sans titre.jpg
Affichages : 92
Taille : 210,1 Ko

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

**Nesmontou** · 21/02/2010, 19h30

Bonjour,

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

**dess5** · 22/02/2010, 22h35

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

Menu caché par bloc div

CSS

Vue hybride

Discussions similaires

Partager

Partager