Sujet Précédent Sujet Suivant

Problème de Css effet sur menu bar

Résolu/Fermé
leandro95 Messages postés 67 Date d'inscription vendredi 25 avril 2014 Statut Membre Dernière intervention 5 juin 2016 - 2 juil. 2014 à 13:23
leandro95 Messages postés 67 Date d'inscription vendredi 25 avril 2014 Statut Membre Dernière intervention 5 juin 2016 - 5 juil. 2014 à 21:41
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: 

<!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:

2 réponses

Réponse 1 / 2
sitiodev
Modifié par sitiodev le 2/07/2014 à 16:52
Bonjour,

Tu as juste une petite erreur de syntaxe sur :

nav ul{
list-style: none;
padding: 0;
margin: 0;
width: 960px;
heigth: 40px; ---> height:40px;
}

Bonne journée
0
Réponse 2 / 2
leandro95 Messages postés 67 Date d'inscription vendredi 25 avril 2014 Statut Membre Dernière intervention 5 juin 2016
5 juil. 2014 à 21:41
merci bcp désolé pour le retard
0

Discussions similaires

Rajout de lien sur plusieurs pages
leparradiss -
David -

11 réponses
les entrées et les sortées
oussman -
MarsuGL -

2 réponses
Barre verticale droite sur clavier mac
oui -
jeanbern -

1 réponse
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses