Adapter la taille d'une image...

Résolu/Fermé
Dolu - 17 juin 2010 à 10:42
 Dolu - 17 juin 2010 à 12:04
Bonjour,

Je crée un site web actuellement et dans celui-ci j'ai un bloc DIV qui correspond à mon menu. En fond de ce bloc j'ai mis une image. Le pb : l'image est plus large que la taille attribuée au bloc.
Voici le code CSS attribué au menu :

#menu{
background-image: url("images/banderoleTest.jpg");
width:150px;
height:100%;
margin:0;
padding:0;
padding-top:30;
float:left;
}

Alors ma question est simple : comment faire pour que la taille de l'image soit adaptée au bloc pour lequel elle sert de fond, quitte à ce qu'elle soit déformée ? Ici l'idée serait de la "comprimer" en largeur....

Merci d'avance pour vos réponses !!
A voir également:

1 réponse

a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 217
17 juin 2010 à 11:13
Salut,

Au lieu de faire maintes et maintes lignes de code, redimensionnes ton image à l'aide d'un logiciel comme Photofiltre ou autre ...

Cordialement
0
Ok... C'est vrai que je peux faire ça aussi mais bon, étant un peu fainéant sur les bords (avec des bords particulièrement larges ! :-) ) j'espérais que l'ajustement de la taille puisse se faire automatiquement.

Merci du conseil en tout cas !
0