Bonjour,
 
Je souhaite avoir la possibilité de faire des boites  de différentes tailles sur mon site, dont l'apparence depend d'un fichier CSS.
J'ai donc réalisé la chose, et mes boites sont donc composées d'une barre de titre et d'une ribambelle de div qui se repentent ou pas pour les décord de la boite.  
 
Une facon de faire toute simple serais de mettre une image en fond de la boite et que cette image puisse prendre la taille du div de la boite.. Mais apparement ca n'est pas possible, pourtant j'au du mal à y croire..
 
Bref.. On ne peut pas specifier que la background-image fasse la taille du div plutot que sa taille reelle?
 
Merci..

Hello !
 
Voici les propriétés de la balise background :
http://www.w3schools.com/css/css_background.asp
 
Effectivement, rien pour redimensionner l'image utilisée ... mais il doit bien y avoir un moyen (ou pas) ...

Éventuellement ça pourrait t'aider :
http://www.code-web.org/post/2008/ [...] n-etirable

la solution la plus simple est de :
 
faire une image du debut , une image de 1 pixel de hauteur , et une image de la fin (tout ca sur toute la largeur)
 
de creer trois div =
une pour le haut largeur et hauteur fixe
une pour le centre ne repeat x largeur fixe sans hauteur
et une en bas largeur et hauteur fixe
 
dans ce cas la ta boite pourra grandir sans probleme de taille de hauteur et fixe en largeur et sera toujours pareil.
 
Ps si c'est une image de fond ben je sais pas jamais pose la question

C'est un peu moche comme solution! Créer trois div inutilement... Distinguons le fond de la forme!
 
Dans la plupart des cas, la création multiple de div est totalement inutile. En effet il est souvent possible d'utiliser les éléments contenus par ce div. Pour placer une image en haut, on pourra utiliser un élément titre (h1,h2,...,h6). Pour l'image du bas, placer une image en bas du dernier paragraphe.
 
Éviter autant que possible de modifier le code html pour modifier la mise en forme.

L'idée est bien mais mauvaise lorsque tu dois faire quelque chose d'ultra générique que tu puisse réutiliser n'importe où et n'importe quand dans ton site.

Il faudrait considérer ce block, comme une boite, dans laquelle tu mets n'importe quoi.

il vaut mieux avoir un conteneur qui englobe tout
la HX tu lui met une classe Head, le corps, tu le mets dans un div, et le footer tu choisis comme tu veux.

c'est exactement ca que j'aurai fait mais juste englobe le H3 dans une autre div

Bon, à la réflexion je suis assez d'accord.
Je pensais en fait au cas de mes menu, en règle générale un menu est composé d'un titre et d'une liste de choix.
Donc on se retrouve souvent avec une structure comme celle-ci :

Auquel cas il n'est vraiment pas utile de surcharger de div.

Ah oui mais là on ne parle que dans le cas d'un menu

Oui, pour l'instant je reste sur cette solution de divs multiples. De toute facon la personne qui ecrit le contenu de la boite n'a pas besoin de les mettre, tout est mis automatiquement.
Je ne veux pas forcer cette personne a utiliser forcement un paragraphe ou un h1, et il faut que ca s'affiche quand meme correctement.

Il est vrai que j'ai toujours la solution de mettre une image dans le code html, mais c'est un peu sale.