Css et images en fond

Shaytan -  
okuni Messages postés 1221 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

8 réponses

N@th@ Messages postés 97 Date d'inscription   Statut Membre Dernière intervention   12
 
essaie de mettre cette ligne : background-position: centre;
0
okuni Messages postés 1221 Date d'inscription   Statut Membre Dernière intervention   126
 
je pense que c'est en anglais qu'il faut le mettre, donc center et non centre
0
Shaytan
 
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?
0
okuni Messages postés 1221 Date d'inscription   Statut Membre Dernière intervention   126
 
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é.
0
N@th@ Messages postés 97 Date d'inscription   Statut Membre Dernière intervention   12
 
Je ne comprends pas vraiment ce que tu veux. Est-ce que tu peux "me faire un dessin" ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Shaytan
 
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?
0
sp00m`
 
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!
0
okuni Messages postés 1221 Date d'inscription   Statut Membre Dernière intervention   126
 
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.
0
marc94 Messages postés 212 Date d'inscription   Statut Membre Dernière intervention   68
 
Essaie avec des %. Par exemple :
margin-left: 50%;
ou alors
background-position : center;
0
marc94 Messages postés 212 Date d'inscription   Statut Membre Dernière intervention   68
 
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
0
okuni Messages postés 1221 Date d'inscription   Statut Membre Dernière intervention   126
 
oui c'est cela.
personnellement j'utilise la super-propriété
background: #COULEUR url(URL_IMAGE) repeat-x;

C'est plus court :p
0