28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Alors voilà, j'essaie de faire une sorte de bordure en CSS autour de mes drapeaux, avec 1px de padding pour faire joli. Mais il semble en rajouter en dessous, même lorsque je spécifie le padding à 1px sur tous les côtés... (firefox)

#Menu_lang { position: absolute; margin: 0; padding: 0; }
#Menu_lang li { display: inline; margin: 2px; padding: 1px; border: 1px solid black; background-color: white; }
#Menu_lang li img { margin: 0; }


<ul id="Menu_lang"><li><a href="monlien.html"><img src="drapeaux/hl_fr.gif" alt="" /></a></li></ul>


Tout le reste du contour se fait bien et ya pas d'espace dans le <li>...

Une idée ?

Merci !!
Modifié par RomsIW (26 Sep 2006 - 12:26)
Administrateur
Hello,

Difficile de deviner sans exemple concret Smiley ohwell
Tu n'as pas un exemple en ligne à montrer ?

Ce ne serait pas tout simplement l'un des classiques de la FAQ ?
http://forum.alsacreations.com/faq/#item58

EDIT : attention à ton titre de sujet qui n'est pas vraiment pertinent. En général, les "urgent", "aidez-moi" et autres sont assez mal vus sur un forum de bénévoles.
Modifié par Raphael (26 Sep 2006 - 12:19)
J'avais pas regardé sur alsa mais sur un autre site qui montrait la même solution.

Mais mon erreur ne venait pas de là, je viens de trouver grâce à ta FAQ, c'est que je mettais le border sur l'élément parent (li) et non sur l'élément img.

Merci beaucoup !