Afficher un espace autour d'une image

[Meeuuuhhh]

Bonjour,

Voilà, ça fait 3 ans que je programme et je suis pas foutu d'afficher un espace entre une image et un texte.

Ou alors c'est encore cette crotte d'IE qui fait des siennes, puisque ça ne foire qu'avec ce "navigateur".

Ça c'est mon code. Attention, c'est complexe :

<img src="images/membres/defaut.jpg" width="130px" height="130px"  border="0" align="left" vspace="5px" hspace="5px">

Merci d'avance pour vos lumières :idea:

 

[L.Jee]

C'est pas padding en css ?

 

[Meeuuuhhh]

Je veux le faire en HTML parce que j'ai plusieurs images et ça ne concerne que celle là. Sinon oui, à défaut une div en css avec un float left et un margin devrait faire l'affaire, mais ça doit pouvoir se faire en HTML.

 

[nickargall]

Passe par le css dans le code de l'image, si celà ne concerne que celle là :

<img src="images/membres/defaut.jpg" style="width:130px;height:130px;border:0; float:left;margin:5px;">

 

[Meeuuuhhh]

J'ai essayé comme ça mais j'ai le même problème sur IE :

<img src="images/membres/defaut.jpg" style="margin:5px;">

 

[UsagiYojimbo]

<img src="images/membres/defaut.jpg" width="130px" height="130px"  border="0" align="left" vspace="5px" hspace="5px">

Depuis quand on met les échelles de valeurs dans les width,height,hspace,etc ?

Perso je ferais comme ça (testé sur les posts de mon www) :

<img src="images/membres/defaut.jpg" width="130" height="130"  border="0" align="left" vspace="5" hspace="5">

Si ca ne marche pas, peut-être que tu as un quelconque soucis d'héritage css ?

 

[Labroc]

Essaie ça:

<img src="images/membres/defaut.jpg" width="130" height="130" border="5" align="left" style="border-color:#FFFFFF">

(border="5") > 5 = valeur de l'espace autour de l'image
style="border-color:#FFFFFF" > cet espace sera coloré en blanc

C'est ce que je fais pour retirer le contour noir autour des images.

 

[Meeuuuhhh]

Ah ouais, ça fonctionne. C'est une petite ruse qui m'évite de placer une div et tout.

Merci Labroc

 

[RiPSO]

t'avais essayé en rajoutant un &nbsp; ?? :mrgreen:

c'est misérable mais tellement pratique des fois.
(pour ceux qui ne savent pas c'est le codage d'un caractère d'espacement et contrairement à un espace fait avec la barre d'espace, là on peut en mettre plusieurs à la suite et ils seront affichés et ne seront pas réunis en un seul espace)

 

[Meeuuuhhh]

Ca ne l'aurait fait que sur la première ligne mais pas sur toute la hauteur de l'image, ni en dessous de celle-ci.

 

[RiPSO]

oui en effet, ça permet juste de faire un espace entre une image et une ligne de texte (ou une deuxieme image) mais le tout sur une même ligne

Juste pour info, c'est sur quelle version de ie que tu bossais?

 

[Meeuuuhhh]

La dernière, en tout cas une 7. quelque chose.

 

[RiPSO]

serieux?? j'avais cru comprendre qu'ils respectaient les normes maintenant avec ie7....

Bon va falloir que je vérifie mes sites avec ie7 alors :mrgreen: merci pour l'info

 

[Meeuuuhhh]

Ah oui, y'a encore des grosses surprises des fois avec IE7.

 

[UsagiYojimbo]

Par curiosité : la solution que je proposais au-dessus ne fonctionne pas ?

 

[Meeuuuhhh]

Non ça ne fonctionnait pas. Je ne pense pas que ça vienne du CSS, je n'ai aucune règle qui concerne les images. Ça vient d'IE surtout.

Sinon pour les échelles de valeur dans les width et height ça ne m'a jamais posé de problème, mais bon puisque tu es le deuxième à me faire la remarque, je vais penser à les en retirer :wink: