Probleme HTML/CSS
Bonjour,
Voila j aimerais avoir une barre de navigation avec les elements de la liste de-dans. Mais je narrive pas a mettre une border autour. Dois-je utiliser border ou une autre methode.
Voila le code html:
<body>
<nav>
<ul><li>relook</li>
</ul>
<ul>
<li><a href="">Accueil</a></li>
<li><a href="">Profile</a></li>
<li><a href="">Post</a></li>
</ul>
<ul>
<li>login</li>
</ul>
</nav>
</body>
Et le CSS:
nav {border: solid;}
li
{ display:inline;
list-style-type:none;
padding-left:30px;
margin-left: 100px;
float: left;
}
Merci d avance
Voila j aimerais avoir une barre de navigation avec les elements de la liste de-dans. Mais je narrive pas a mettre une border autour. Dois-je utiliser border ou une autre methode.
Voila le code html:
<body>
<nav>
<ul><li>relook</li>
</ul>
<ul>
<li><a href="">Accueil</a></li>
<li><a href="">Profile</a></li>
<li><a href="">Post</a></li>
</ul>
<ul>
<li>login</li>
</ul>
</nav>
</body>
Et le CSS:
nav {border: solid;}
li
{ display:inline;
list-style-type:none;
padding-left:30px;
margin-left: 100px;
float: left;
}
Merci d avance
3 réponses
-
Salut,
Moi c'est plutôit sur les ul que j'appliquerais la bordure... -
j ai deja essaye mais ca fait une border autour de chaque element de la liste et non pas une border unique pour toute les elements de la liste.
-
Bonjour, essaye en mettant dans le style li
border:solid 1px #000
et supprime {nav :border:solid;}
