Css et images en fond

Fermé
Shaytan - 28 févr. 2009 à 15:26
okuni Messages postés 1221 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 - 28 févr. 2009 à 16:02
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

8 réponses

N@th@ Messages postés 97 Date d'inscription lundi 19 janvier 2009 Statut Membre Dernière intervention 7 mai 2009 12
28 févr. 2009 à 15:28
essaie de mettre cette ligne : background-position: centre;
0
okuni Messages postés 1221 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 126
28 févr. 2009 à 15:31
je pense que c'est en anglais qu'il faut le mettre, donc center et non centre
0
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 jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 126
28 févr. 2009 à 15:50
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 lundi 19 janvier 2009 Statut Membre Dernière intervention 7 mai 2009 12
28 févr. 2009 à 15:51
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
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
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 jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 126
28 févr. 2009 à 15:54
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 jeudi 28 août 2008 Statut Membre Dernière intervention 19 septembre 2014 68
28 févr. 2009 à 15:55
Essaie avec des %. Par exemple :
margin-left: 50%;
ou alors
background-position : center;
0
marc94 Messages postés 212 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 19 septembre 2014 68
28 févr. 2009 à 15:59
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 jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 126
28 févr. 2009 à 16:02
oui c'est cela.
personnellement j'utilise la super-propriété
background: #COULEUR url(URL_IMAGE) repeat-x;

C'est plus court :p
0