Espace insécable avant une image

**Benzeghiba** · 02/08/2010, 21h52

Je m'en remet à vous après avoir tout essayé pour résoudre ce problème, mais sans succès. Considérons ce code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<html>
<head>
    <title>Titre de la page</title>
</head>
<body>
    <span id="lbl1">Ce texte représente une phrase qui se termine par un espace insécable&nbsp;<img style="border-width: 0px;" src="chemin/Puce.gif" title="Champ obligatoire" /></span>  
</body>
</html>

Il s'agit d'un span contenant du texte (bien sur) et à la fin une petite image précédé d'un espace insécable. Ce que je veux c'est que quand je rétrécis la largeur de la fenêtre de mon navigateur si l'image doit déborder à la ligne suivante alors l'espace insécable et le mot qui la précède doivent déborder avec elle (c'est le même comportement si on avait un mot à la place de l'image). C'est le comportement que j'obtiens avec IE8 mais avec IE 7 ou Firefox l'image peut déborder toute seule malgré l'espace insécable qui la précède !

Voyez-vous une solution à ce problème ? (idéalement pour moi l'image doit rester à l'intérieur du span)

**polymorphisme** · 03/08/2010, 17h49

Bonjour,

avant tout, j'utiliserais un élément de type bloc plutôt que span.

**Benzeghiba** · 03/08/2010, 19h04

M. polymorphisme, je viens de remplacer ma balise <span> par une balise <div> et ça n'a absolument rien changé. De toute façon dans mon exemple j'ai besoin d'utiliser un élément inline.

Espace insécable avant une image

HTML

Discussions similaires

Partager

Partager