Modifier la taille d'une "background-image:url()" en CSS

Bonjour à tous,

Je ne savais où poster cette question mais j'espère que vous pourrez quand même m'aider.
J'aimerais faire un menu en CSS avec une image de fond dans le menu :

div#menu {
float:left;
width:10%;
height:80%;
background-image:url(".\images\eiffel_tower.jpg");
}

Le problème c'est que l'image ne s'adapte pas à la partie "menu". Elle est trop grande et on ne la voie donc pas entièrement. J'aimerais donc savoir comment faire pour modifier la taille de cette image dans mon menu CSS. Y'a t'il une commande genre : background-image:url(".\images\eiffel_tower.jpg"), width:  800 ; height : 150 ;  

Prototype51

Pas que je sache. Tourne toi vers javascript ou comme je l'avais indique sur un topic y a 2 jours, vers ajax et php (avec la lib GD) pour le redimmensionnement automatique. C'est la seule solution que je vois.

@+

Hello,

on ne peut pas modifier la taille d'une image en background d'un élément.

Précision : ici, les attributs width et height font références au contenant (le div), pas à l'image.

Merci Raf ; ce n'est pas exactement ce que je cherchais, mais je vais me débrouiller avec ça.

dans ton

div#menu {
float:left;
width:10%;
height:80%;
background-image:url(".\images\eiffel_tower.jpg");
}

il suffit d'ajouter une nouvelle information:

div#menu img{
width:100%;
height:100%;
}

Dans ce cas là tu peux définir la taille de ton img précisement en % ou PX.
Pour l'affichage ça donne ça:
<div id=div#menu><img src="tonimage.gif">ton contenu ici</div>