Problème cadrage background-image
Ripley69
Messages postés
40
Date d'inscription
Statut
Membre
Dernière intervention
-
Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention -
Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention -
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 !
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:
- Problème cadrage background-image
- Image iso - Guide
- Cadrage instagram - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
1 réponse
Bonjour,
Tout d'abord le code html uniquement :
Si tu préfère un Css :
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
}