Version imprimable
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?
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 ^^
Alors afficher un arriere plan en 100% ses possible?
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)
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
Sinon tu détecte la résolution d'affichage et tu affiche l'image la plus adaptée
De toutes façons, qui dit stretch (étirage pour correspondre à la fenêtre) dit agrandissement "made by browser" donc forcément moche ;)Citation:
Envoyé par Michel_57
Perso, je conseillerais plutôt une gestion du design avec background-repeat ou alors avec des dimensions fixes ou maximales/minimales ;)
Daccord,alors il me reste une chose a savoirs:
-comment centrer l'immage au millieux du naviguateur?
pour ça, il y a background-position ;) c'est une propriété CSS, il te faut donc mettre :ou en abrégé :Code:<body style="background-image : url('images/ton_images.jpg'); background-position : center center">
Code:<body style="background : url('images/ton_images.jpg') center">
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
dans ce cas, essaie de rajouter le no-repeat :ou en abrégé :Code:<body style="background-image : url('images/ton_images.jpg'); background-position : center center; background-repeat : no-repeat;">
Code:<body style="background : url('images/ton_images.jpg') center no-repeat">
On ne voit que le haut de l'image!:(
Dans ce cas, essaie d'autres valeurs : http://www.w3.org/TR/CSS21/colors.ht...round-position ;)
Je ne trouve rien qui marche :(
en ce cas, excuse-moi mais je ne vois pas vraiment quoi essayer de plus... désolé