OVH Cloud OVH Cloud

Image mosaique

2 réponses
Avatar
Bernard Flavignard
Bonjour,
Comme arrière plan de page html, je souhaite mettre une photo.
Mais celle-ci se répète en mosaïque autant de fois que nécessaire pour occuper
tout l'écran, ce n'est pas esthétique.
Il y a, je pense, un moyen de demander que l'image s'ajuste à la résolution de
l'écran ou à celle du navigateur.
Par avance merci de votre aide.
--
Bernard Flavignard

2 réponses

Avatar
Louise
Bonjour,
Pour ne pas répéter l'image d'arrière-plan, vous pouvez
ajouter ceci dans le code Html, avant </head>, en indiquant
plutôt le nom de votre image:
<style type="text/css">
body{ background: url(image1.jpg) center no-repeat; }
</style>

Lorsque l'image ne couvre pas l'écran, il serait possible d'ajouter
une couleur pour les sections autour de l'image (menu Format,
Arrière-plan).

Et pour empêcher l'image de défiler avec le texte:
<style type="text/css">
body{ background: url(image1.jpg) center fixed no-repeat; }
</style>

Mais pour que l'image d'arrière-plan s'étire selon la taille de la
fenêtre, je n'ai trouvé que cette commande (malheureusement,
cela ne fonctionne qu'avec Internet Explorer).
A placer dans le code, tout de suite après la balise <body>:
<div style="position: absolute; width: 100%; z-index: -1" id="couche1">
<img border="0" src="image1.jpg" width="100%"></div>

Au revoir,
Louise


"Bernard Flavignard" <be.flavi-chez-wanadoo.fr> a écrit dans le message de news:
450113ee$0$25914$
Bonjour,
Comme arrière plan de page html, je souhaite mettre une photo.
Mais celle-ci se répète en mosaïque autant de fois que nécessaire pour occuper
tout l'écran, ce n'est pas esthétique.
Il y a, je pense, un moyen de demander que l'image s'ajuste à la résolution de
l'écran ou à celle du navigateur.
Par avance merci de votre aide.
--
Bernard Flavignard



Avatar
Bernard Flavignard
Louise,
Un grand merci, ça fonctionne.
Je ne comprend pas tout, mais ça fonctionne.
Salutations
--
Bernard Flavignard