Problème de Css effet sur menu bar
Résolu
leandro95
Messages postés
67
Date d'inscription
Statut
Membre
Dernière intervention
-
leandro95 Messages postés 67 Date d'inscription Statut Membre Dernière intervention -
leandro95 Messages postés 67 Date d'inscription Statut Membre Dernière intervention -
Bonjour ,j'ai un problème au niveau de mon affichage de ma nav l'effet n'apparait pas,pouvez-vous m'aidez svp.
aside,article,footer,nav ul{
border-radius:15px;
box-shadow:4px 4px 5px #999;
background-color:#fff;
}
Html code:
Css code:
aside,article,footer,nav ul{
border-radius:15px;
box-shadow:4px 4px 5px #999;
background-color:#fff;
}
Html code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link href="styles.css" rel="stylesheet"/> <head> <body> <div id="conteneur"> <header> <h1>Base HTML5</h1> <form action="" method=""> <label for="log">Login: </label> <input name="login-id" id="log" type="password"/> <input type="submit"/> </form> </header> <nav id="menu"> <ul> <li><a href="#" class="cellules">Home</a></li> <li><a href="#" class="cellules">Pictures</a></li> <li><a href="#" class="cellules">Contact</a></li> <li><a href="#" class="cellules cellule_d">Divers</a></li> </ul> </nav> <section> <article> <header><h2>Titre article</h2></header> <p>11111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111</p> </article> <footer><p>2222222222222222222222222</p></footer> </section> <aside> <p>11111111111111111111111111111111111111111 1111111111111111111111111111111111111111111</p> </aside> <br class="annule" /> <footer id="bas"> <p id="footer">texte</p> </footer> </div> </body> </html>
Css code:
body{
background-color:#ddd;
background: linear-gradient(to top, #dddddd 0%,#ffffff 100%);
margin:0;
font-size:14px;
}
body,html{
height:100%;
min-height:100%;
}
#conteneur{
width:960px;
padding:0 15px;
margin:0 auto;
}
nav ul{
list-style: none;
padding: 0;
margin: 0;
width: 960px;
heigth: 40px;
}
nav ul li{
float:left;
}
nav ul li a{
display:block;
text-decoration:none;
text-align:center;
width:156px;
border-right:solid 1px #999;
color:gray;
line-height:40px;
}
.cellule_d{
border:none;
}
section{
float:left;
margin-top:20px;
}
aside{
width:280px;
height:365px;
padding:10px;
float:right;
}
article{
width:600px;
height:300px;
padding:10px;
margin-bottom:20px;
}
aside,article,footer,nav ul{
border-radius:15px;
box-shadow:4px 4px 5px #999;
background-color:#fff;
}
nav{
margin: 20px 0;
}
.annule{
clear:both;
}
#bas{
margin-top:20px;
float:left;
}
A voir également:
- Problème de Css effet sur menu bar
- Menu déroulant excel - Guide
- Effet miroir word - Guide
- Battery bar - Télécharger - Informations & Diagnostic
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
