Discussion :

[sylsau]

Bonjour,

Je suis en train de faire un petit menu visible ici :
http://www.webmaitrise.com/sylsau/menu/essai.html

Ca marche à peu près comme je veux mais j'ai cependant un petit problème que je n'arrive pas à résoudre. Dans la liste (ici,j'ai mis un fond rouge à chaque li de la liste pour mieux voir cet espace) du menu avec les éléments Fichier, Edition et Aide, j'ai un espace qui se met entre chaque élément de la liste. Ainsi, lorsqu'on passe la souris sur un de ces éléments (la zone changeant de couleur) on se rend compte qu'ils ne sont pas réellement collés les uns aux autres.

J'ai un peu tout essayé pour enlever cet espace avec les propriétés CSS mais là j'ai plus trop d'idées.
Quelqu'un saurait il d'où ça peut venir ?

Merci d'avance de votre aide.

Sylvain

[Eowyn87]

tu utilises quel navigateur ?
moi avce IE 6 pas de pb !

[masu]

il suffit de changer ton display inline en float left sur tes li

Code :

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

1
2
3
4
5
6
7
#menu li {
  float:left;
  list-style-type: none;
  padding: 0 10px 0 10px;
  margin: 0;
  background-color : red;
}

[sylsau]

merci, ça marche