Template:INSA-Lyon/menuA

<html>

<style type="text/css">

#menu { 
    width: 200px ; 
     }

#menu ul { 
    padding: 0; 
    width: 100px; 
    border:1px solid; 
    margin:0px; 
    } 

#menu ul li { 
    background: #000080 ; 
    color: #fff ; 
   
     position:relative; 
     list-style: none; /*on enleve les icones de liste */ 
    border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/ 
    }



#menu ul ul { 
    position: absolute; 
    top: 0; 
    left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
    } 

#menu li a { 
    display: block ; 
    background: #000080 ; 
    color: #fff ; 
    font: 1em "Trebuchet MS",Arial,sans-serif ; 
  
    text-decoration: none ; 
    
    }

#menu li.sousmenu {
    background:#000080;
    }

</style>

<ul class="menu"> 
    <li><a href="#" title="go to home">Home</a></li> 
               
    <li><a href="#" title="go to about us">About us</a></li> 
        <ul class="sousmenu">
           <li><a href="#" title="go to students">Students</a></li> 
           <li><a href="#" title="go to discover Lyon">Discover Lyon</a></li>
        </ul>

    <li><a href="#" title="go to project">Project</a></li> 
    <li><a href="#" title="go to parts">Parts</a></li> 
    <li><a href="#" title="go to sponsors">Sponsors</a></li> 
 
    
</ul>


</html>