Image en background qui s'aligne par le bas

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Image en background qui s'aligne par le bas

Re: Image en background qui s'aligne par le bas

par Xenon_54 » 03 janv. 2008, 20:18

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)

Re: Image en background qui s'aligne par le bas

par Victor BRITO » 03 janv. 2008, 17:31

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.

par Elie » 03 janv. 2008, 14:23

Effectivement ca resoud le probleme ...

Comment expliqué 2 attribut height :/

par Xenon_54 » 03 janv. 2008, 07:59

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:

Code : Tout sélectionner

html, body { margin: 0; height:100% } #principale { position: relative; height: auto !important; height: 100%; min-height: 100%; background: url(img/background.png) bottom; }
Essaie et vérifie si cela répond à ton besoin.

Image en background qui s'aligne par le bas

par Elie » 03 janv. 2008, 04:27

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 :

Code : Tout sélectionner

background: url(img/background.png) bottom;
Il y a t il moyen d'affiche l'image sur toute la page en ayant les 2 bords du bas concordant !

Merci, Elie