Css et images en fond
Shaytan
-
okuni Messages postés 1325 Statut Membre -
okuni Messages postés 1325 Statut Membre -
Bonjour,
Je cree actuellement un site et j'ai crée une image de fond en 800*600. Or cette image ne se met pas correctement dans le navigateur. Je souhaiterais qu'elle s'adapte a chaque resolution. Comment faire?
Merci pour vos reponses
Je cree actuellement un site et j'ai crée une image de fond en 800*600. Or cette image ne se met pas correctement dans le navigateur. Je souhaiterais qu'elle s'adapte a chaque resolution. Comment faire?
Merci pour vos reponses
Configuration: Windows Vista Internet Explorer 7.0
8 réponses
-
essaie de mettre cette ligne : background-position: centre;
-
Ca ne marche pas...
http://www.monsterup.com/image.php?url=upload/1235832222.jpg
http://www.monsterup.com/image.php?url=upload/1235832252.jpg
Que changer pour avoir l'image correctement adapté a la resolution? -
si tu veux que l'image change de résolution, tu dois changer ton background-image en fonction de la résolution de l'utilisateur.
ça je ne pense pas que ce soit possible.
Je ne peux pas t'aider. Désolé. -
Je ne comprends pas vraiment ce que tu veux. Est-ce que tu peux "me faire un dessin" ?
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Bah comment font tous les sites??? Tout le monde voit bien toujours la meme chose sur n'importe quel pc avec n'importe quelle resolution alors comment font-ils?
-
Ce que tu peux faire, c'est que ton fond reste toujours centré. Pour ca, ptite astuce dans ton css :
dans l'id qui contient le fond,
height: 600px;
width: 800px;
left: 50%;
margin-left: -400px; // moitié de la largeur du div
Sinon, pour que le fond saggrandisse, il faut en effet changer le fond en fonction des résolutions.
a pluche!
-
-
oui mais ce n'est pas vraiment un "dessin" c'est par exemple ceci : http://www.blizer.net/images/00_bg.jpg
une image d'1px de haut qu'on répète.
tu dois avoir une petite image (1px de large ou de haut ou alors un petit cube) que tu répète sur toute la page du visiteur. -
Essaie avec des %. Par exemple :
margin-left: 50%;
ou alors
background-position : center; -
Ah, une image que l'on répète c'est :
background-repeat : repeat; : le fond se répète (par défaut)
background-repeat : repeat-x; : le fond ne se répète que sur une ligne, horizontalement
background-repeat : repeat-y; : le fond ne se répète que sur une colonne, verticalement
background-repeat : no-repeat; : le fond ne se répète pas, il n'est affiché qu'une fois
