Afficher un espace autour d'une image

WRInaute passionné
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 :

Code:
<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:
 
WRInaute passionné
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.
 
WRInaute accro
Passe par le css dans le code de l'image, si celà ne concerne que celle là :
Code:
<img src="images/membres/defaut.jpg" style="width:130px;height:130px;border:0; float:left;margin:5px;">
 
WRInaute passionné
J'ai essayé comme ça mais j'ai le même problème sur IE :

<img src="images/membres/defaut.jpg" style="margin:5px;">
 
WRInaute accro
Code:
<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) :

Code:
<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 ?
 
WRInaute discret
Essaie ça:
Code:
<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.
 
WRInaute impliqué
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)
 
WRInaute passionné
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.
 
WRInaute impliqué
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?
 
WRInaute impliqué
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
 
WRInaute passionné
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:
 
Discussions similaires
Haut