Construire et organiser mes menus

dezyario 3 Messages postés samedi 29 mars 2008Date d'inscription 6 décembre 2017 Dernière intervention - 6 déc. 2017 à 06:29
Bonjour,
j'a des obstacles a fixer mes menus a droite sachant que j'ai un autre menu a gauche. aussi aidez moi a bien construire ces menus deroulant de telle sorte que lorsque je survole "premier cycle secondaire" son sous menu apparaît juste a sa droite. merci !

<html>
    <head>
        <title>ecole</title>
        <meta charset="utf-8" />
		<link rel="stylesheet"  href="style.css" />
		
    </head>
<body>
<div id="sacre">	  
	  <ul id="biblio">
		 <li id="au"><a href="#">Lycee</a></li>
		            <li ><a href="#">premier cycle secondaire</a>
					   <ul  id="liv">
		                 <li><a href="#">classe de 6eme</a></li>
		                 <li><a href="#">classe de 5eme</a></li>
		               </ul>
			   </li>
	  </ul>

</div> 
</body>
</html>


voici le code css:
#sacre {
font-weight: bold;
    padding:0;
  margin:5px 0;
  list-style:none;
text-align: center;
  width: 180px;
   float: right;
}

#sacre ul {
  padding:0;
  margin:0;
  list-style:none;
}

#sacre li {
  background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   margin-bottom:0px;
   border-radius:8px 8px 0 0;
}

#sacre li li  {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #AAA;
   box-shadow: none;
   border:none;
   margin:0
}

#sacre a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 5px 0;
  font-family: verdana;
  font-size:1.2em
  text-align: center;
}

#sacre ul li     {
  font-size:1em;
  border-top:1px solid #BDC3C7;
}

#sacre li:hover {
   background: green;
}

#biblio li:hover li  {
  max-height: 15em;
}

#liv li  ul{           
 display:none;
position:absolute;

} 

#biblio  li:hover> ul {
  display:block;
}

#liv  { right:180px;           
position:relative;
 width: 180px;
 } 


Afficher la suite 
3Messages postés samedi 29 mars 2008Date d'inscription 6 décembre 2017 Dernière intervention