CSS border-right sur element li
Résolu
kinderlp
Messages postés
54
Date d'inscription
Statut
Membre
Dernière intervention
-
kinderlp Messages postés 54 Date d'inscription Statut Membre Dernière intervention -
kinderlp Messages postés 54 Date d'inscription Statut Membre Dernière intervention -
hello à tous. Bon mon problème se situe sur une bordure (comme indiqué dans le titre) qui ne prend pas toute la hauteur de l'élément.
Hellas étant débutant dans ce langage (html/css) je cherche comment résoudre ce petit problème qui me fait c**** depuis hier soir déjà lol
si toute fois quelqu'un aurai la solution a mon soucis, ce serai vraiment gentil de sa part.
voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
width:600px;
margin:auto;
}
ul{
width:300px;
background-color:#f4f9fd;
height:30px;
border:1px solid #000000;
list-style-type:none;
padding:0;
}
ul li{
display:inline;
line-height:30px;
border-right:1px solid #000000;
padding:0 0.5em;
margin:0;
}
ul a {
color:#000000;
text-decoration:none;
font:0.8em trebuchet ms;
}
-->
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Surf</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Chutte</a></li>
</ul>
</body>
</html>
c'est lorsqu'on as tous perdu qu'on est libre de faire ce que l'on veut -_-'
Hellas étant débutant dans ce langage (html/css) je cherche comment résoudre ce petit problème qui me fait c**** depuis hier soir déjà lol
si toute fois quelqu'un aurai la solution a mon soucis, ce serai vraiment gentil de sa part.
voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
width:600px;
margin:auto;
}
ul{
width:300px;
background-color:#f4f9fd;
height:30px;
border:1px solid #000000;
list-style-type:none;
padding:0;
}
ul li{
display:inline;
line-height:30px;
border-right:1px solid #000000;
padding:0 0.5em;
margin:0;
}
ul a {
color:#000000;
text-decoration:none;
font:0.8em trebuchet ms;
}
-->
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Surf</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Chutte</a></li>
</ul>
</body>
</html>
c'est lorsqu'on as tous perdu qu'on est libre de faire ce que l'on veut -_-'
A voir également:
- CSS border-right sur element li
- Open element - Télécharger - HTML
- Élément introuvable impossible à supprimer - Guide
- Inspecter l'élément mac ✓ - Forum Réseaux sociaux
- Inspecter macbook - Forum MacOS
- Left right chanson été ✓ - Forum Musique / Radio / Clip
