[HTML] Résolution arrière plan

**covin85** · 19/04/2006, 23h22

Bonjours,
Afin d'afficher un arrière plan sur mon site,j'ai utilser ce code :
<body background="CounterStrike08.jpg" style=" background-repeat: no-repeat">

Mais la photo ne s'adapte pas a la taille de l'ecran,c'est a dire que moi je la vois entier plusse becoup de blanc,
Existe t'il une comande afin de reglé ceci en fonction de la resolution des utilisateurs?

**Swoög** · 19/04/2006, 23h30

Salut !

A ma connaissance, il n'y a pas d'attribut CSS permettant d'éttendre la taille de l'image de fond, il me semble qu'il existait un attribut HTML M$ permettant de le faire (bgdisposition ou quelque chose comme ça)... Mais ATTENTION pas standard, donc IE only... et puis, à vérifier ^^

**covin85** · 19/04/2006, 23h40

Alors afficher un arriere plan en 100% ses possible?

**Swoög** · 19/04/2006, 23h42

comme je te l'ai dis, si la taille de ton image ne convient pas, il ne me semble pas que ce soit possible autrement qu'en bidouillant (une grosse image avec un z-index ~~ -1000 qui aurait la taille souhaitée)

**Michel_57** · 19/04/2006, 23h49

le problème avec la grande image et le z-index c'est que ce sera tout moche, car le navigateur redimentionn assez mal l'image ce sera flou/pixelisé, mais c'est toujours mieux que rien

**GregPeck** · 19/04/2006, 23h59

Sinon tu détecte la résolution d'affichage et tu affiche l'image la plus adaptée

**Swoög** · 20/04/2006, 00h01

Envoyé par Michel_57

le problème avec la grande image et le z-index c'est que ce sera tout moche, car le navigateur redimentionn assez mal l'image ce sera flou/pixelisé, mais c'est toujours mieux que rien

De toutes façons, qui dit stretch (étirage pour correspondre à la fenêtre) dit agrandissement "made by browser" donc forcément moche

Perso, je conseillerais plutôt une gestion du design avec background-repeat ou alors avec des dimensions fixes ou maximales/minimales

**covin85** · 20/04/2006, 00h16

Daccord,alors il me reste une chose a savoirs:
-comment centrer l'immage au millieux du naviguateur?

**Swoög** · 20/04/2006, 00h20

pour ça, il y a background-position

c'est une propriété CSS, il te faut donc mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background-image : url('images/ton_images.jpg'); background-position : center center">

ou en abrégé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background : url('images/ton_images.jpg') center">

**covin85** · 20/04/2006, 00h24

aie !!sa ne la cadre pas,enfait le debut de l'image est en haut et la fin est en bas,de plusse il reste en mosaique.
Je voudrai afficher une seulle image qui serras centrée en plein millieu de l'ecran

**Swoög** · 20/04/2006, 00h27

dans ce cas, essaie de rajouter le no-repeat :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background-image : url('images/ton_images.jpg'); background-position : center center; background-repeat : no-repeat;">

ou en abrégé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background : url('images/ton_images.jpg') center no-repeat">

**covin85** · 20/04/2006, 00h38

On ne voit que le haut de l'image!

**Swoög** · 20/04/2006, 00h44

Dans ce cas, essaie d'autres valeurs : http://www.w3.org/TR/CSS21/colors.ht...round-position

**covin85** · 20/04/2006, 00h51

Je ne trouve rien qui marche

**Swoög** · 20/04/2006, 01h12

en ce cas, excuse-moi mais je ne vois pas vraiment quoi essayer de plus... désolé

[HTML] Résolution arrière plan

HTML

Discussions similaires

Partager

Partager