OVH Cloud OVH Cloud

Image d'arrière plan

4 réponses
Avatar
Kasfipasherov
Bonjour à tous,
Je voudrais placer une image en arrière plan de ma page web (pas insérer
une image) mais l'image se présente en mosaïque au lieu de remplir
entièrement la page même s'il y a une distorsion, je m'en fiche. Comment
faire?

4 réponses

Avatar
Louise
Bonjour,
Vous trouverez plusieurs exemples dans la faq: http://faqfp.free.fr/faq/arriere_plan
Au revoir,
Louise

"Kasfipasherov" <samuel.lhermitteenèvemoiç a écrit dans le message de
news: eEKenA5%
Bonjour à tous,
Je voudrais placer une image en arrière plan de ma page web (pas insérer une image)
mais l'image se présente en mosaïque au lieu de remplir entièrement la page même
s'il y a une distorsion, je m'en fiche. Comment faire?



Avatar
Kasfipasherov
Merci Louise, cela réponds en partie à mon désir mais pas entièrement.
L'image effectivement, n'est plus dupliquée mais elle est loin de remplir la
page et c'est ce que je voudrais faire. De plus l"image se prête à
l'étirement comme un léger flou artistique tout en étant étirée voir l'image
(http://www.la-bible-sur-le-net.org/Livres.htm)
"Louise" a écrit dans le message de news:
%236YrpHE$
Bonjour,
Vous trouverez plusieurs exemples dans la faq:
http://faqfp.free.fr/faq/arriere_plan
Au revoir,
Louise

"Kasfipasherov" <samuel.lhermitteenèvemoiç a écrit dans le
message de news: eEKenA5%
Bonjour à tous,
Je voudrais placer une image en arrière plan de ma page web (pas insérer
une image) mais l'image se présente en mosaïque au lieu de remplir
entièrement la page même s'il y a une distorsion, je m'en fiche. Comment
faire?







Avatar
Louise
Bonjour,
Il ne semble pas y avoir de façon d'indiquer la taille voulue pour une image
en arrière-plan. Par contre si l'image se trouvait placée dans une couche
(la balise div), sa largeur pourrait être fixée à 100%. Et si la largeur de la
couche était aussi à 100%, elle s'ajuterait pour couvrir la fenêtre.

Mais comment éviter de masquer le texte de la page? En plaçant celui-ci
dans une autre couche de largeur 100%, superposée à celle de l'image.
À ma grande surprise, cela fonctionne avec Firefox, Internet Explorer et un
ancien Netscape 4.7. Même que le texte est tout à fait visible dans Lynx
(un navigateur qui n'affiche que les textes).

Par exemple, voici une page utilisant votre image: http://faqfp.free.fr/test.htm
(c'est une page temporaire que j'effacerai demain). Vous pouvez réduire
la taille de la fenêtre du navigateur pour voir le résultat. Le code dans la
section <body> contient à peu près ceci:

<div style="position: absolute; width: 100%; z-index: 1; left: 0; top: 0"
id="couche1">
<img border="0" src="livre_lunette.jpg" width="100%"></div>

<div style="position: absolute; width: 100%; z-index: 2" id="couche2">
... Texte contenu dans la page...
</div>

Remarquez l'ordre de plan (z-index) égal à 1 pour l'image et à 2 pour le
texte. Le chiffre le plus élevé est placé à l'avant. Pour que l'image ne soit
pas déformée, aucune hauteur n'est définie.

En espérant que cela puisse vous aider,
Louise

P.S. Si vous avez besoin de plus d'infos sur les couches, dites-moi votre
version de FrontPage.


"Kasfipasherov" <samuel.lhermitteenèvemoiç a écrit dans le message de
news: eEKenA5%
Bonjour à tous,
Je voudrais placer une image en arrière plan de ma page web (pas insérer une
image) mais l'image se présente en mosaïque au lieu de remplir entièrement la
page même s'il y a une distorsion, je m'en fiche. Comment faire?







Avatar
Kasfipasherov
Merci beaucoup Louise, c'est exactement ce que je veux faire et l'image
reste tout à fait correcte. Il ne me reste plus qu'à copier ce code dans ma
page et le tour est joué. Encore merci.
"Louise" a écrit dans le message de news:
%
Bonjour,
Il ne semble pas y avoir de façon d'indiquer la taille voulue pour une
image
en arrière-plan. Par contre si l'image se trouvait placée dans une couche
(la balise div), sa largeur pourrait être fixée à 100%. Et si la largeur
de la
couche était aussi à 100%, elle s'ajuterait pour couvrir la fenêtre.

Mais comment éviter de masquer le texte de la page? En plaçant celui-ci
dans une autre couche de largeur 100%, superposée à celle de l'image.
À ma grande surprise, cela fonctionne avec Firefox, Internet Explorer et
un
ancien Netscape 4.7. Même que le texte est tout à fait visible dans Lynx
(un navigateur qui n'affiche que les textes).

Par exemple, voici une page utilisant votre image:
http://faqfp.free.fr/test.htm
(c'est une page temporaire que j'effacerai demain). Vous pouvez réduire
la taille de la fenêtre du navigateur pour voir le résultat. Le code dans
la
section <body> contient à peu près ceci:

<div style="position: absolute; width: 100%; z-index: 1; left: 0; top: 0"
id="couche1">
<img border="0" src="livre_lunette.jpg" width="100%"></div>

<div style="position: absolute; width: 100%; z-index: 2" id="couche2">
... Texte contenu dans la page...
</div>

Remarquez l'ordre de plan (z-index) égal à 1 pour l'image et à 2 pour le
texte. Le chiffre le plus élevé est placé à l'avant. Pour que l'image ne
soit
pas déformée, aucune hauteur n'est définie.

En espérant que cela puisse vous aider,
Louise

P.S. Si vous avez besoin de plus d'infos sur les couches, dites-moi votre
version de FrontPage.


"Kasfipasherov" <samuel.lhermitteenèvemoiç a écrit dans le
message de
news: eEKenA5%
Bonjour à tous,
Je voudrais placer une image en arrière plan de ma page web (pas
insérer une
image) mais l'image se présente en mosaïque au lieu de remplir
entièrement la
page même s'il y a une distorsion, je m'en fiche. Comment faire?