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 :

Div exactement à la taille du texte


Sujet :

HTML

  1. #1
    Membre averti Avatar de Warz
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 48
    Par défaut Div exactement à la taille du texte
    Salut tout le monde !

    J'ai cherché sur le site et google mais je n'ai pas vraiment réussi à trouver une soluce à mon problème qui est le suivant :

    Je voudrais un div qui soit exactement de la taille de mon texte. On peut facilement imaginé (comme exemple) un body qui possède un fond jaune et un div (avec du texte dedans) qui possède un fond gris.

    Et la dessus, je voudrais que le fond gris ne s'étalle pas sur toute la page mais seullement sur le texte qui est écrit, d'où mon besoin que le div soit de la même taille que mon texte.

    A noté que mon texte change selon le div donc je ne peux fixé de width nul part (ni dans la css ni dans mon html) vu que je ne sais pas à l'avance la taille qu'aura mon texte dans ma page. J'ai regardé l'option overflow dans la css mais ça ne résout pas mon problème (ou alors je l'ai mal utilisé).

    Merci d'avance.

  2. #2
    Membre chevronné

    Inscrit en
    Octobre 2004
    Messages
    363
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 363
    Par défaut
    Tu peux passer par du js en essayant de calculer combien fait, en moyenne, un caractère ensuite en js tu multiplie la longueur de ta chaine par le coefficient calculé et tu joue sur le style.width de ta div.

    Mais c'est tiré par les cheveux je trouve

  3. #3
    Membre éclairé Avatar de Space Cowboy
    Homme Profil pro
    chomeur
    Inscrit en
    Avril 2005
    Messages
    496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : chomeur

    Informations forums :
    Inscription : Avril 2005
    Messages : 496
    Par défaut
    Si tu est sur que le texte ne dépassera pas la page, il suffit de rien mettre en propriété non ?

  4. #4
    Membre averti Avatar de Warz
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 48
    Par défaut
    C'est ce que je pensais aussi mais dans mon cas il fait toute la page...

    Pour le javascript, c'est une bonne idée il faudrait vraiement que je le fasse en css/HTML seulement.

    Personne n'a eu ce genre de problème encore ?

  5. #5
    Membre chevronné

    Inscrit en
    Octobre 2004
    Messages
    363
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 363
    Par défaut
    Citation Envoyé par Warz
    Pour le javascript, c'est une bonne idée il faudrait vraiement que je le fasse en css/HTML seulement.
    Pourquoi uniquement HTML/CSS ?

    Le javascript n'a jamais tué personne

  6. #6
    Membre émérite
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    1 012
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 1 012
    Par défaut
    exemple, mais y a du boulot de frappe dans le code html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p><span class="red">Options d'affichage</span></p>
    et dans ton css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .red {background-color:red;}
    c'est vrai qu'il y a un span à chaque ligne et beuurk, mais c'est tout en html/css

Discussions similaires

  1. Changement de la taille du texte dans le <div>
    Par lulu74ol dans le forum NetBeans
    Réponses: 2
    Dernier message: 13/05/2014, 22h30
  2. [javascript][IE6] changement automatique taille du texte
    Par MatMeuh dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 04/12/2008, 12h05
  3. Div scrollable avec taille en %
    Par Oluha dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 08/04/2005, 11h09
  4. [JTable] ajuster la taille d'une colonne à la taille du texte
    Par GETah dans le forum Agents de placement/Fenêtres
    Réponses: 3
    Dernier message: 24/02/2005, 11h53
  5. taille du texte dans un viewport
    Par pitounette dans le forum OpenGL
    Réponses: 3
    Dernier message: 22/07/2002, 12h06

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