Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

[peut-etre hors sujet] affichage image background "plein écran" ?

4 réponses
Avatar
Alfred WALLACE
Bonjour =E0 tous,
d=E9sol=E9 si je me trompe de newsgroup, peut etre que vous pourrez
me r=E9-orienter.

Voil=E0, je suis en train de cr=E9er une page html, avec un background
dans la balise <body>

je cherche =E0 faire en sorte que la taille de l'image affich=E9e s'adapte
=E0
la r=E9solution de l'=E9cran sur lequel l'on consulte la page.
Je me doute que dans certain cas, cela ne sera pas "beau"... mais bon,
ce n'est pas
grave !
la taille r=E9=E9lle de mon image, est 800x600. j'ai mis l'attribut "no-
repeat" dans
le style inline de <body> mais,si mon =E9cran se trouve en 1024*768
alors, j'ai un pb d'espace
"non remplis"....

Pouvez vous m'aider ??
Merci
Jos=E9

4 réponses

Avatar
Olivier Miakinen

Voilà, je suis en train de créer une page html, avec un background
dans la balise <body>

je cherche à faire en sorte que la taille de l'image affichée s'adapte
à la résolution de l'écran sur lequel l'on consulte la page.


Euh... à la résolution de la fenêtre plutôt que de l'écran, je suppose ?
Parce que si tu demandes à l'image de faire 1280×960 (résolution de
l'écran) alors que l'utilisateur a une fenêtre en 700×900, il va
forcément en louper une partie.

Je me doute que dans certain cas, cela ne sera pas "beau"... mais bon,
ce n'est pas grave !
la taille réélle de mon image, est 800x600. j'ai mis l'attribut "no-
repeat" dans
le style inline de <body> mais,si mon écran se trouve en 1024*768
alors, j'ai un pb d'espace
"non remplis"....


En fait, tu voudrais demander au navigateur d'inclure un logiciel de
traitement d'image lui permettant de « resampler » cette image (sans
préciser le type de filtre, Lanczos, Hermite, B-spline, etc.). Je ne
crois vraiment pas que ce genre de chose, s'il existe, soit standard.
En tout cas je n'ai rien trouvé dans la norme :
http://www.yoyodesign.org/doc/w3c/css2/colors.html#background-properties

Avatar
Olivier Miakinen
[ repost car j'avais oublié de faire suivre dans le bon groupe ]


Voilà, je suis en train de créer une page html, avec un background
dans la balise <body>

je cherche à faire en sorte que la taille de l'image affichée s'adapte
à la résolution de l'écran sur lequel l'on consulte la page.


Euh... à la résolution de la fenêtre plutôt que de l'écran, je suppose ?
Parce que si tu demandes à l'image de faire 1280×960 (résolution de
l'écran) alors que l'utilisateur a une fenêtre en 700×900, il va
forcément en louper une partie.

Je me doute que dans certain cas, cela ne sera pas "beau"... mais bon,
ce n'est pas grave !
la taille réélle de mon image, est 800x600. j'ai mis l'attribut "no-
repeat" dans
le style inline de <body> mais,si mon écran se trouve en 1024*768
alors, j'ai un pb d'espace
"non remplis"....


En fait, tu voudrais demander au navigateur d'inclure un logiciel de
traitement d'image lui permettant de « resampler » cette image (sans
préciser le type de filtre, Lanczos, Hermite, B-spline, etc.). Je ne
crois vraiment pas que ce genre de chose, s'il existe, soit standard.
En tout cas je n'ai rien trouvé dans la norme :
http://www.yoyodesign.org/doc/w3c/css2/colors.html#background-properties

[ copie et suivi vers fr.comp.infosystemes.www.auteurs ]

Avatar
rico
"Alfred WALLACE" a écrit dans le message de news:

je cherche à faire en sorte que la taille de l'image affichée s'adapte
à la résolution de l'écran sur lequel l'on consulte la page.


comme ça ?
http://www.cssplay.co.uk/layouts/background.html

rico

Avatar
Olivier Miakinen
[ suivi repositionné vers fr.comp.infosystemes.www.auteurs ]


je cherche à faire en sorte que la taille de l'image affichée s'adapte
à la résolution de l'écran sur lequel l'on consulte la page.


comme ça ?
http://www.cssplay.co.uk/layouts/background.html


Ah oui, mais là ils trichent. ;-)

Voilà, je suis en train de créer une page html, avec un background
dans la balise <body>


Sur la page que tu cites, l'image n'est pas une image de fond de
l'élément body, mais une image <img> incluse dans un <div>.