Image sans marge dessous [RÉSOLU]

Bonjour.

Flûte ! J'avais trouvé une aide expliquant comment avoir des images sans aucune marge (notamment dessous), je ne la retrouve pas.

Si j'écris "à l'ancienne" <img src="name.jpg" alt="04" height="500" width="375">, pas de problème : il n'y a pas de marge du moment que j'écris un style "img" précisant "border: 0; margin:0;".

Mais si les dimensions, comme avec KompoZer, sont stylées (genre style="width: 375px; height: 500px;", rien ne va plus : il y a une "margeouille" dessous que je n'arrive pas à ôter.

Comment fait-on déjà ?

Note : les images sont placées les unes à côté des autres (collées, sans tableau) ; si j'utilise "block", ça enlève les marges, mais les images sont l'une sous l'autre... Le code html est tout simplement <img src=...."><img src=...."> etc.
Modifié par Piteur511 (01 Oct 2007 - 17:41)

Bonjour.

Flûte ! J'avais trouvé une aide expliquant comment avoir des images sans aucune marge (notamment dessous), je ne la retrouve pas.

Si j'écris "à l'ancienne" <img src="name.jpg" alt="04" height="500" width="375">, pas de problème : il n'y a pas de marge du moment que j'écris un style "img" précisant "border: 0; margin:0;".

Mais si les dimensions, comme avec KompoZer, sont stylées (genre style="width: 375px; height: 500px;", rien ne va plus : il y a une "margeouille" dessous que je n'arrive pas à ôter.

Comment fait-on déjà ?

Note : les images sont placées les unes à côté des autres (collées, sans tableau) ; si j'utilise "block", ça enlève les marges, mais les images sont l'une sous l'autre... Le code html est tout simplement <img src=...."><img src=...."> etc.

============EDIT==============

Ah si, j'ai essayé de mettre les images dans un paragraphe <p>, et de donner à celui-ci la taille de police de 0px par stylisation ; ça marche, mais n'y a-t-il pas une autre astuce ?

Peut-être avec

img{border:none;}

dans ta feuille de style ?

6l20 a écrit :
Peut-être avec

img{border:none;}

dans ta feuille de style ?

Merci, mais y a-t-il une différence (de résultats) entre border: 0; et border: none; ?

Et puis ça m'ennuie, parce qu'en définitive, je voudrais pouvoir aussi styler éventuellement une bordure...

L'image est un élément de type inline, considérée en d'autres mots comme du texte, ce texte étant donc positionné sur la même ligne de base.
Le plus simple/robuste est de modifier ce comportement de base:

img {display:block}

Si tu as besoin de garder son comportement "en ligne", tu peux entre autres jouer sur son alignement vertical:

img {vertical-align:middle}

Benjamin D.C. a écrit :
L'image est un élément de type inline, considérée en d'autres mots comme du texte, ce texte étant donc positionné sur la même ligne de base.
Le plus simple/robuste est de modifier ce comportement de base:

img {display:block}

Si tu as besoin de garder son comportement "en ligne", tu peux entre autres jouer sur son alignement vertical:

img {vertical-align:middle}

Disons donc que je fais un pavé d'images carrées les unes à côté des autres, le navigateur décidant quand les images doivent "aller à la ligne"

.block; , qui permet en effet d'éviter la marge inférieure, empêche malheureusement d'avoir des images côte à côte. Or il me faut conserver le comportement "en ligne"...

vertical-align: middle; n'empêche pas la petite margeouille sous l'image : cette marge vient se placer entre les images qui se trouvent les unes sous les autres du fait du retour à la ligne "en bout d'affichage"...

Piteur511 a écrit :

je fais un pavé d'images carrées les unes à côté des autres, le navigateur décidant quand les images doivent "aller à la ligne"

Dans ce cas, tu peux tout à fait jouer sur le changement de comportement d'affichage et faire simplement flotter l'ensemble de tes images:

img {display:block; float:left}

Benjamin D.C. a écrit :

Dans ce cas, tu peux tout à fait jouer sur le changement de comportement d'affichage et faire simplement flotter l'ensemble de tes images:

img {display:block; float:left}

Super : si simple que j'en ai honte de ne pas y avoir pensé ! (tout le monde n'a pas de génie, hein !)

Merci beaucoup !
Modifié par Piteur511 (01 Oct 2007 - 17:41)

Piteur511 a écrit :
Super : si simple que j'en ai honte de ne pas y avoir pensé ! (tout le monde n'a pas de génie, hein !)

Merci beaucoup !

Avec plaisir!

Bonne continuation