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

Mise en page CSS Discussion :

[width] largeur d'un block


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut [width] largeur d'un block
    Bonjour, la largeur d'un block est, par défaut, la largeur de la fenêtre. Comment faire pour que la largeur d'un block soit la même que la largeur de son contenu ? (ça l'est par défaut pour la hauteur)

    Je précise que j'ai essayer la valeur auto de l'attribut width pour les blocks en question. Pour la meta Content-Type, j'utilise la valeur application/xhtml+xml, mais d'après mes tests cela n'as pas d'influence sur mon problème.

  2. #2
    Membre éclairé Avatar de mLk92
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    527
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 527
    Par défaut
    Salut, il faudrait être un peu plus explicite sur ce que tu veux, mais si j'ai bien compris, tu voudra qu'un bloc prennent toutes la taille de son conteneur:

    ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div id="conteneur">
      <p class="bloc">&nbsp;</p>
    </div>
    Pour cela la taille auto ne suffira pas, elle ne prendra que la taille du contenu de ton bloc.

    Pour ce que tu veux (je pense):

    Voilà , n'oublie pas de cliqué sur le bouton résolu si c'était ça

  3. #3
    Invité
    Invité(e)
    Par défaut
    Jai fait deux schémas. Celui-ci montre le résultat obtenu en spécifiant la largeur (width) d'un bloc, par exemple un paragraphe. Par défaut, si on ne spécifie pas de largeur, le paragraphe occupe toute la largeur de la page.



    Le deuxième schéma montre ce que je voudrais obtenir, un paragraphe (ou un autre block) dont la largeur s'étire en fonction de son contenu. Par exemple si il y a un mot dans le paragraphe, le paragraphe doit être large de un mot, (il ne doit pas faire toute la largeur de la page).


  4. #4
    Invité
    Invité(e)
    Par défaut
    bon ba ça y est j'ai trouvé .....
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p style="position:absolute; background-color:orange;">paragraphe</p>
    ... pfff des heures pour ça ...

  5. #5
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    ou en float si tu as besoin de le garder dans le flux
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récuperer la largeur(width) d'une Div qui n'en a pas
    Par Okena dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 17/09/2010, 10h12
  2. Réponses: 8
    Dernier message: 11/09/2008, 11h21
  3. [HTML] Limiter la taille d'un block (width) en html
    Par Coussati dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 23/06/2008, 05h47
  4. IE6 : Largeur de table défectueuse avec table-layout:fixed ou width:100%
    Par Sergejack dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 29/11/2007, 11h10
  5. Largeur d'un tableau avec l'attribut width, min-with
    Par weed dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 08/06/2006, 08h42

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