Problème cadrage background-image

Fermé
Ripley69 Messages postés 40 Date d'inscription dimanche 27 décembre 2015 Statut Membre Dernière intervention 6 juillet 2018 - 9 mars 2016 à 10:31
Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 - 9 mars 2016 à 10:48
Bonjour,

j'ai un souci avec l'image de fond de mon site. Il s'agit d'un portrait en buste, entouré d'un ovale de divers motifs végétaux, format portrait évidemment (une gravure dont j'ai modifié les couleurs pour obtenir un camaïeu de parme).
Or, une page web, sur un écran d'ordi, c'est au format paysage, forcément...

Donc, quand j'ouvre ma page, j'ai le scalp du personnage et ses yeux. Le commanditaire râle (c'est mon mec...). Il veut le visage à l'ouverture de toutes les pages. Je propose de couper l'image entre les cheveux et les motifs végétaux du dessus : pour les pages "courtes", on aurait le visage, pour les plus longues, le bas de l'image se déploierait avec le contenu. Ah oui mais non, il veut que l'image soit en entier.

Bon, il m'énerve - c'est pas nouveau - mais je cherche des solutions et notamment : y a-t-il un code (CSS de préférence, histoire de faire dénominateur commun à toutes mes pages) qui permette d'adapter automatiquement le format (notamment sa largeur) de l'image à la fenêtre ?

Merci de me répondre !

A voir également:

1 réponse

Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 291
Modifié par Adri1infos le 9/03/2016 à 10:57
Bonjour,
Tout d'abord le code html uniquement :
<div align="center"><img height="100%" src="--url de l'image--"></img></div>


Si tu préfère un Css :
body {
 background-image:url(--url de l'image--); //tu apelle l'image
 background-repeat:no-repeat; //tu ne la répète pas
 background-position:center top; //centrer en haut et au centre
}
0