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