Bonjour,

J'ai une image en background sur mon site et je voulais savoir comment faire pour que la photo morde plutot le haut que le bas s'affiche en entier.

Voici l'url du site : http://comedierepublique.free.fr/portofolio/

Comme vous le voyez, on ne voit pas le bas de la photo, il est tronqué.

J'ai essayé avec l'attribut 'bottom' mais ca change rien :
Il y a t il moyen d'affiche l'image sur toute la page en ayant les 2 bords du bas concordant !

Merci, Elie

J'ai trouvé un article qui traite indirectement de ton problème:
http://www.xs4all.nl/~peterned/examples/csslayout1.html

J'ai ajusté le tout pour ton cas. Voici les styles modifiés: Essaie et vérifie si cela répond à ton besoin.

Effectivement ca resoud le probleme ...

Comment expliqué 2 attribut height :/

J'ai essayé avec l'attribut 'bottom' mais ca change rien :

Code : Tout sélectionner

background: url(img/background.png) bottom;

Ta règle CSS, telle quelle, est incomplète.

Il vaut mieux l'écrire ainsi : en n'omettant pas le positionnement latéral, même s'il ne change pas.

J'ai essayé avec l'attribut 'bottom' mais ca change rien :

Code : Tout sélectionner

background: url(img/background.png) bottom;

Ta règle CSS, telle quelle, est incomplète.

Il vaut mieux l'écrire ainsi :

Code : Tout sélectionner

background: url(img/background.png) left bottom;

en n'omettant pas le positionnement latéral, même s'il ne change pas.

Cela ne fonctionne pas. Je l'ai testé. Si tu omets certaines positions, des valeurs par défaut seront utilisées. (voir le doc pour voir les dites valeurs)