Dimensions d'un div en fonction de son contenu

Dimensions d'un div en fonction de son contenu - HTML/CSS - Programmation

Marsh Posté le 14-09-2006 à 21:08:38    

Bonjour !
Voila, je realise une petite page et je me trouve devant un probleme que je n'arrive pas a resoudre, je place mon titre dans un conteneur div afin de pouvoir le manipuler par apres asément via mon css :
 
<div id="titre> Le titre de mon site </div>
 
Le probleme est que lorsque je mets un background-color à mon div, je m'apercois que ma boite div s'etend sur toute la largeur de ma page web, elle ne s'arrete pas une fois le texte achevé, comment faire pour qu'elle s'adapte dynamiquement à la longueur de la phrase qu'elle contient, c'est usant de devoir déterminer arbitrairement cette largeur en utilisant "width: xxpx" et en procedant par essai erreur,
Voila j'espere que vous saurez m'aider !
Merci bcp,
 
Thomas
 
Edit: Voici l'adresse de la page http://ethanz.madpage.com/index.htm


Message édité par Ethanz le 14-09-2006 à 21:21:43
Reply

Marsh Posté le 14-09-2006 à 21:08:38   

Reply

Marsh Posté le 15-09-2006 à 09:39:28    

transformes ton div en span

Reply

Marsh Posté le 16-09-2006 à 09:47:43    

La balise div est un bloc. Elle prend en effet toute la largeur de son conteneur (la page apparement dans ton cas).
 
Comme te le conseil anapajari utilise :
 

Code :
  1. <div id="bloc">
  2. <span class="titre">Le titre de mon site</span>
  3. </div>


Reply

Marsh Posté le 18-09-2006 à 13:17:56    

Le titre de ta page doit être

Code :
  1. <h1>Le titre de mon site</h1>


Et pour le css

Code :
  1. h1 {
  2. background-color: yellow;
  3. display: inline}


 
La propriété display te permet de changer le comportement de la balise.
Tu pourrais faire la même chose pour ton div, mais sémantiquement il ne sert à rien, h1 suffit.
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed