IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Espace insécable avant une image


Sujet :

HTML

  1. #1
    Membre actif

    Inscrit en
    novembre 2003
    Messages
    168
    Détails du profil
    Informations forums :
    Inscription : novembre 2003
    Messages : 168
    Points : 229
    Points
    229
    Par défaut Espace insécable avant une image
    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)

  2. #2
    Membre émérite
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    octobre 2009
    Messages
    1 460
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Publishing
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : octobre 2009
    Messages : 1 460
    Points : 2 371
    Points
    2 371
    Par défaut
    Bonjour,

    avant tout, j'utiliserais un élément de type bloc plutôt que span.
    Article : Installation de Cocoon
    Je ne réponds pas aux MP à caractère technique.

  3. #3
    Membre actif

    Inscrit en
    novembre 2003
    Messages
    168
    Détails du profil
    Informations forums :
    Inscription : novembre 2003
    Messages : 168
    Points : 229
    Points
    229
    Par défaut
    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.

Discussions similaires

  1. [XHTML 1.0] Espace blanc avant une image
    Par toxy92 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 07/01/2009, 16h22
  2. [HTML] espace autour d'une image
    Par zooffy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 22/10/2006, 17h18
  3. espace vide entre une image et le bas d'une cellule d'un tableau
    Par danyboy85 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 18/10/2006, 16h29
  4. [CSS] Espace résiduel entre une image et le bord du div sous IE
    Par Celeri dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 28/07/2006, 22h10
  5. Espace insécable dans une chaine de caractères
    Par Mors_Ubyte dans le forum Access
    Réponses: 1
    Dernier message: 11/02/2006, 22h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo