Version imprimable
Bonjour,
Alors voila, je mets mon site à la norme XHTML 1.1 (strict) mais j'ai un problème avec les images car un espacement se met juste en bas. Cela ne se fait pas avec HTML.
J'ai changé le style avec les CSS: margin=0; ou margin-bottom=0; mais cela ne change rien.
J'utilise Mozilla Firefox sous Mandriva.
Quelqu'un a-t-il le même problème ou mieux... la solution! Merci!
il me semble que tu dois préciser dans quelle unité tu parles (em, px...)
Oups, j'ai oublié de la mettre dans mon message car c'est obligatoire mais quelque soit l'unité, cela ne fonctionne pas. Merci quand même :wink:Citation:
Envoyé par MasterOfChakhaL
Montre nous réellement ton code.
Voici par exemple un code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titre</title>
<style type="text/css">
img
{
margin-bottom:0px;
}
</style>
</head>
<body>
<img src="image.png" /><br /><img src="image.png" />
</body>
</html>
Avec ce code, il y a une marge en bas de chaque image mais le margin-bottom ne change rien. D'ailleurs quand je fais "margin-bottom:1px;", cette marge est augmentée d'1 pixel, le problème doit donc être ailleurs et j'ai bien peur qu'il n'y ait pas de solution.
C'est peut-être une propriété border qui se balade :?:
Non, border="0" ne change rien! :( Merci quand mêmeCitation:
Envoyé par Nesmontou
Salut
Je crois que c'est à cause du baseline (ou quelque chose comme ça, je ne sais plus le nom). Le bas de ton image est aligné sur la ligne de base d'une ligne de texte. l'espace qui reste en bas sert pour les pattes des lettres qui descendent comme les p, q, g et autre du genre. Et se rajoute l'espacement minimum entre chaque ligne. Exemple pour du caractère 11pt chaque ligne aura une hauteur de 12pt.
Donc tu dois modifier l'alignement de ton image par rapport à une ligne normale de texte pour éviter cette situation... du moins, il me semble.
Bonsoir,
Merci beaucoup zazaraignée, grâce à toi, j'ai la solution.
Il suffit de changer le vertical-align:
img
{
vertical-align:bottom;
}