[Résolu] Image dynamique en bg : est-ce possible ?

Hello à toutes et à tous

j'ai une boîte avec une image de fond que je crée ainsi :

	<p class="exergue">
" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation "</p>

j'appelle alors dans la css :

.exergue
{width: 145px;
background:#FFFFFF url(images/fond_exergue.png) repeat-x;
color:#2973D4;
float: right;
border:1px solid #2973D4;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}"

Et voilà le problème :
l'image de fond fait 400x2 : c'est un dégradé vertical.
Mais les boîtes ne font pas 400 de hauteur ; elles varient de 80 à X.
Donc dans une boîte qui fait disons, 80 de hauteur, le fond affiché n'est que le haut de l'image qui lui n'est pas dégradé. Et ce n'est pas le but recherché.
Est-il possible donc d'adapter l'image à la taille de la boîte ?

Merci d'avance pour vos réponses et,
bonne journée !
Modifié par Sventovit (23 Jan 2007 - 12:40)

Sventovit a écrit :
Est-il possible donc d'adapter l'image à la taille de la boîte ?

Pas à ma connaissance pour une image de fond.
À la rigueur, tu peux avoir une fonction JS qui récupère la hauteur de l'élément, et qui suivant cette hauteur va appliquer tel ou tel style qui appliquera telle ou telle image. Si c'est un bloc unique dans la page, c'est jouable. Si c'est une série de blocs, ça risque d'être prise de tête.

Florent V. a écrit :

Pas à ma connaissance pour une image de fond.
À la rigueur, tu peux avoir une fonction JS qui récupère la hauteur de l'élément, et qui suivant cette hauteur va appliquer tel ou tel style qui appliquera telle ou telle image. Si c'est un bloc unique dans la page, c'est jouable. Si c'est une série de blocs, ça risque d'être prise de tête.

Bonjour Florent et merci pour ta réponse
je vais mettre résolu alors.