Discussion :

[Cypselos]

Bonjour.

Mon problème conseille un menu que je tente de créer avec les liens hypertextes, et qui sont de type display:block (en fait ce sont les li mais on a compris

Voici me code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ul>
  <li><a href="a.php">aa</a></li>
  <li><a href="b.php" target="_blank">bb</a></li>
  <li><a href="c.php" target="_blank">cc</a></li></ul>

le code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
ul{
margin:0px;
padding:0px;
list-style-type:none;
}
ul li{
line-height:17px;
}
ul li a:link,ul li a:visited{
display:block;
text-indent:1px;
vertical-align:middle;
font-family:verdana, sans-serif;
font-size:10px;
color:#0099FF;
background-color:transparent;
}
ul li a:hover{
background-color:#D2D200;
color:#3333FF;
text-decoration:none;
}

Le menu marche parfaitement sous Firefox et Netscape, mais la mise en forme est bousillée sous IE.

Sous firefox :


Sous IE :


C'est comme si IE rajoutais un br entre chaque li.

Des idées ?

Merci beaucoup.

[spirou]

Salut !

Je pense que cela vient du fait que tu défini une hauteur de ligne pour <li> et pour <ul>.

Essai en retirant l'un des deux, je pense que cela fonctionnera.

[Cypselos]

Merci de m'aider tout d'abord.

Voilà je ne vois que dans <li> une définition de hauteur : text-indent:17px. Ou peut-être que je ne regarde pas où il faut ?

[Cypselos]

ahhhh non ! pardon. c'est juste il y a le text-indent:1px que j'avais pas vu 8) J'essaye de suite

[adiGuba]

Salut,


J'ai déjà rencontré le problème... Il faut indiquer une taille pour la bordure du bas des lignes, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
ul li{
line-height:17px;
border-bottom: 1px solid black;
}

Mais ne me demande surtout pas pourquoi

a++

[Cypselos]

En effet c'était bien celà le problème.

Un grand merci !