Bonjour, je dois réaliser un menu avec une image spécifique pour chaque lien.

Voici le code html :

    <div>
        <ul id="menu">
            <li>
                <img src="Image/mnuAccueil.jpg" />
            </li>
            <li>
                <img src="Image/mnuInfos.jpg" />
            </li>
        </ul>
    </div>


Css :

#menu
{
    margin:0px;
    padding:0px;
    width:171px;
}

li, ul
{
    list-style-type: none;
    margin:0px;
    padding:0px;
}


Le problème, c'est qu'il y a des espaces entre chacune de mes images, ce qui ne fait pas très jolie ...

Si je met : li {display:inline; } ça fonctionne sous firefox, mais pas sous IE ..

Merci!
Modifié par Kiboumz (01 Feb 2008 - 16:11)
Bonjour,

Et comment sont censées se disposer ces images? Les unes à côté des autres, les unes sous les autres, ou d'une autre manière?
Salut,

J'ai esseyé de mettre les padding, margin à 0 pour les images, mais sans résultats.

J'aimerais que les images s'affichent l'une en dessous de l'autre.

Merci
Dans ce cas, on se dirige vers la FAQ du forum et on lit «Espaces indésirables sous les images».

Bonne continuation. Smiley smile