Sujet Précédent Sujet Suivant

CSS border-right sur element li

Résolu/Fermé
kinderlp Messages postés 54 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 20 janvier 2012 - Modifié par kinderlp le 27/10/2010 à 13:40
kinderlp Messages postés 54 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 20 janvier 2012 - 25 oct. 2010 à 22:18
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 -_-'

2 réponses

Réponse 1 / 2
duweb Messages postés 352 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 72
25 oct. 2010 à 22:09
height:30px; -> le supprimer de ul et le placer sur l'élément ul a{
line-height:30px; -> le supprimer
1
Réponse 2 / 2
kinderlp Messages postés 54 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 20 janvier 2012 6
25 oct. 2010 à 22:18
Merci duweb c'est cool de ta part.

Bonne soirée
0

Discussions similaires

Comment "inspecter l'élément" sur Mac ?
enzo2501 -
Axymimi -

12 réponses
Impossible de copier car cet élément est trop volumineux
Alan_Cohen -
Utilisateur anonyme -

9 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
Comment inspecter l'élément sur mobile ?
Sally -
Sally -

2 réponses
Supprimer élément photo qui cache un texte ?
Dailyg038 -
Utilisateur anonyme -

11 réponses