28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Voilà mon problème :
J'ai une balise de type block (avec un margin) juste au-dessus d'une balise de type inline avec un padding. En étudiant attentivement tout cela (avec firebug) j'ai l'impression d'avoir une fusion entre le margin de ma balise block (<div>) et le padding de ma balise inline (<a>). Quelqu'un peut-il me confirmer mon impression.

Pendant que j'y suis, un autre problème :
j'ai 2 balises <a> l'une à côté de l'autre, avec un padding, mais sans margin. Pour étudier la question j'ai mis un background-color. J'ai un trait blanc de 2 ou 3 pixels entre mes 2 boites. Est ce normal ?

Merci d'avance pour votre aide.
Modifié par dav74 (08 Jul 2011 - 16:25)
dav74 a écrit :
Quelqu'un peut-il me confirmer mon impression.

Je ne confirme pas: il ne s'agit pas d'un phénomène de fusion des marges, mais tout simplement du fait que le padding vertical (padding-top, padding-bottom) des éléments en display:inline n'influe pas sur la hauteur de ligne et donc sur la hauteur du conteneur.
Si tu veux un comportement différent, il faut passer ton lien en display:block ou en display:inline-block.

dav74 a écrit :
J'ai un trait blanc de 2 ou 3 pixels entre mes 2 boites. Est ce normal ?

Oui c'est normal, ça s'appelle un espace. Smiley smile
Un peu de lecture: Impact sur le rendu de la mise en forme du code HTML.
Tu auras ce comportement avec des éléments en display:inline ou display:inline-block.