Comment faire pour cacher un sous menu dans un menu (bien sur qu

Fermé

soumi.isil Messages postés 2 Date d'inscription mardi 18 mars 2014 Statut Membre Dernière intervention 19 mars 2014 - 19 mars 2014 à 00:02
Ender-events Messages postés 200 Date d'inscription mercredi 19 décembre 2012 Statut Membre Dernière intervention 23 mai 2014 - 19 mars 2014 à 00:25

comment faire pour cacher un sous menu dans css
voici mon code html
<html>
<head>
</head>
<body>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />

<nav>
<ul>
<li><a href="#">espace</a>
<ul id="navigation">
<li><a href="espace etudiant .php" >espace etudiant </a></li>
<li><a href="espace enseignant .php" >espace enseignant</a></li>
<li><a href="chef departement .php" >espace administrateur </a></li>
<li><a href="cfd.php" >espace organisateur </a></li>

</ul>
</li>

<li><a href="#">information</a></li>
<li><a href="contact.php">accueil</a></li>
</ul>
</nav>

</body>
</html>

et voila mon code css
nav
{display: inline-block;
width: 100%;
text-align: right;
border-width: 2px;
border-style: solid;
background-color:#D3D3D3;
border-color:#D3D3D3;
position :right ;
border-radius :15px;box-shadow: 0px 2px 5px #1c1a19; }
nav ul {
padding:0;
margin:0;
display:none;
}
li {
margin-left:0px;
float:left; list-style-type: none;

}
ul li a {
display:block;
float:left;
width:250px;
background-color:#EFECCA;
color:black;
text-decoration:none;
text-align:center;
padding:20px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;
border-radius :0px;
}
ul li a:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
border-bottom: 2px solid #760001;

#navigation
{
width: 200px;
list-style:inline-block;
margin: 0;
padding: 0;
display:block;
}
#navigation li {
background: #046380;
color: #fff ;
border: 1px solid #600 ;
margin-bottom: 1px ;

}
#navigation li a {
display: block ;
background: #EFECCA ;
color: black ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
background: #D3D3D3;
text-decoration: underline ;

}

A voir également:

Comment faire pour cacher un sous menu dans un menu (bien sur qu
Menu déroulant excel - Guide
Menu démarrer windows 11 - Guide
Cacher conversation whatsapp - Guide
Canon quick menu - Télécharger - Utilitaires
Menu demarrer - Guide

1 réponse

Réponse 1 / 1

Ender-events Messages postés 200 Date d'inscription mercredi 19 décembre 2012 Statut Membre Dernière intervention 23 mai 2014 51
19 mars 2014 à 00:25

voila!

display: none;

Discussions similaires

Accéder au menu Advanced Bios PC portable HP

les entrées et les sortées

Déblocage du mode hôtel Philips 20HF5234/10

cette phrase est elle correcte

Discussions similaires

Newsletters