[Résolu] Espacement indésirable entre les liens de mon menu horizontal

Bonjour,

Je m'adresse à vous encore une fois...

Voici ma page
http://princessedunjour.com/indextest.htm
(toutes les images sont désactivées, d'où une mise en page "originale")

Dans le menu "rechercher dans la collection", tout s'affiche bien sur ff, mais sur ie, chaque lien de ce menu est espacé de qq pixels (en hauteur). Je n'arrive pas à supprimer ces espaces, j'ai pourtant des margin et padding à 0...

Si encore une fois vous pouviez m'aider ?

Merci à tous.

Voici mon xhtml

<div id="cadre">
	 <div id="bloccadre">
	 <p>RECHERCHER DANS LA COLLECTION</p>	
	 <ul id="menu_recherche">
   <li><a title="Accueil" href="#">Tous les modèles</a></li>
	 <li><a title="Collections" href="#">Cristal Swarovski</a></li>
	 <li><a title="Points de vente" href="#">Perles de rocaille</a></li>
	 <li><a title="Atelier de création" href="#">Perles de bohême</a></li>
	 <li><a title="A propos" href="#">Perles nacrées</a></li>
	 <li><a id="last" title="Contact" href="#">Guipure</a></li>
   </ul>
	 </div>
	 </div>

et ma css

#cadre {
float: left;
with: 250px;
margin: 10px 0 0 40px;
}
#bloccadre {
background: url(cadrebas.gif) left bottom no-repeat;
padding-bottom: 5px;
}
#bloccadre p {
margin: 0 5px 0 0;
width: 250px;
font-family: Arial, Times, serif;
font-size: 70%;
color: #6C3089;
text-align: center;
background: url(rechercher.png) no-repeat;
line-height: 23px;
}
ul#menu_recherche {
list-style-type: none;
margin: 0;
padding: 0;
}
li#menu_recherche {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu_recherche a {
font-family: Arial, Times, serif;
font-size: 80%;
text-decoration: none;
color: #ACACAC;
display: block;
text-align: center;
width: 240px;
}
#menu_recherche a:hover {
background: #F4F4F4;
display: block;
witdh: 200px;
}

Modifié par pp51 (13 Apr 2006 - 14:04)

Bon Véro,

Effectivement, planté dans la manip

La bonne page est ici : http://www.princessedunjour.com/test/indextest.htm

J'ai essayé ta méthode, mais ça m'a fait un truc bizarre...
Modifié par pp51 (10 Apr 2006 - 22:21)

Qu'est-ce qui est bizarre ?

J'ai le même résultat sous FF et IE, à priori ...

c'est vrai que c'est mineur, mais bon...

Sous ff:


Sous ie:


Sous ie, les liens sont plus espacés (en hauteur) que sur ff, tu ne trouves pas ?

Merci
Modifié par pp51 (10 Apr 2006 - 22:40)

Oups, depuis le début, nous ne parlons pas du même menu.
J'étais fixé sur le menu général, en fait !

Désolée, mais étant donné la non correpsondance du code et du lien, je me suis fais des noeuds ...

Ceci dit, pour le menu du haut, il me semble que tu devrais faire cela ...

Alors, pour l'autre menu ...

Peut-être, annuler les marges sur li aussi :

li#menu_recherche {
list-style-type: none;
margin : 0;
padding :0;
}

Modifié par Vero (10 Apr 2006 - 23:11)

Hi Véro !

Bon j'ai essayé d'annuler les marges et padding sur li#menu_recherche mais cela ne change rien sur ie.

Bizarre non

bon j'ai essayé de mettre des padding et margin à 0 partout sur le menu, sans effet malheureusement

Pensez-vous que l'attribut line-height: 23px; définit dans #bloccadre_recherche h3 { puisse se répercuter sur ses "descendants" ?
Je ne vois que ça à priori, mais doute doute me trompe-je ???

Revoilà le css du menu

#cadre_recherche {
float: left;
width: 220px;
margin: 30px 0 0 20px;
}
#bloccadre_recherche {
background: url(cadrebas.gif) left bottom no-repeat;
padding-bottom: 5px;
}
#bloccadre_recherche h3 {
width: 220px;
font-family: Arial, Times, serif;
font-size: 11px;
font-weight: normal;
color: #6C3089;
text-align: center;
background: url(rechercher.png) no-repeat;
line-height: 23px;
padding-left: 10px;
}
ul#menu_recherche {
list-style-type: none;
margin: 0;
padding: 0;
}
li#menu_recherche {
list-style-type: none;
margin: 0;
padding:0;
}
#menu_recherche a {
font-family: Arial, Times, serif;
font-size: 12px;
text-decoration: none;
color: #ACACAC;
text-align: center;
width: 220px;
display: block;
}
#menu_recherche a:hover {
background: url(menu_rechercher.png)center no-repeat;
}

Modifié par pp51 (11 Apr 2006 - 17:01)