[RESOLU]mettre le background-image en 800x600 tout simplement !

mettre le background-image en 800x600 tout simplement ! [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 17-03-2013 à 05:56:55    

Je suis actuellement en train de créer un site web (html5/css3) et je ne me rappel plus comment faire un truc tout con super simple et ça me rend fou car je l'ai déjà fait plusieurs fois  :fou:  
 
Je voudrais mettre l'image de fond de mon site en 800x600 (en vérité je compte après faire en sorte qu'il s'adapte à toute les résolutions mais pour l'instant je veux juste l'afficher en 800x600 pour retrouver ce don je ne me rappel plus en fait).
 
Voici le bout de code de mon css ::
 

Code :
  1. body
  2. {
  3. background-image: url("fondphase2.jpg" );
  4. background-attachment: fixed;
  5. background-repeat: no-repeat;
  6. width: 800px;
  7. height: 600px;
  8. }


 
Quand j'exécute la page html en question le fond de la page prend tout l'espace de la fenêtre du navigateur (je suis en 1920x1080) et rien ne change alors que moi ce que je veux c'est qu'il fasse une taille de 800x600 adapté aux plus basse résolutions, tout simplement !
 
Merci


Message édité par arthuro000 le 17-03-2013 à 16:09:37
Reply

Marsh Posté le 17-03-2013 à 05:56:55   

Reply

Marsh Posté le 17-03-2013 à 10:45:00    

Salut,
 
background-size : 800px 600px;
 
?

Reply

Marsh Posté le 17-03-2013 à 14:20:54    

ce n'est pas cela, ça me met 2 grosses bandes blanches en bas et à droite.


Message édité par arthuro000 le 17-03-2013 à 14:24:46
Reply

Marsh Posté le 17-03-2013 à 14:47:59    

J'ai pas du comprendre ce que tu voulais :s
 
Si l'image de fond est mise a 800*600, vu ta résolution tu va avoir des bandes en bas et à droite, c'est normal. Mais sur un écran 800*600 ca va occuper tout l'espace.

Reply

Marsh Posté le 17-03-2013 à 15:33:08    

merci pour ton aide pvclunacy mais j'ai abandonné l'idée de mettre une taille fixe, j'ai trouvé directement ce que voulais, à savoir que la taille de mon background-image s'adapte automatiquement à la fenêtre du navigateur quel que soit sa dimension avec la propriété background-size: cover, ça marche presque très bien comme ça.
 
 

Code :
  1. body
  2. {
  3. margin:0;
  4. padding:0;
  5. background-image: url("fondphase2.jpg" );
  6. background-repeat: no-repeat;
  7. background-position: center;
  8. background-attachment: fixed;
  9. background-size: cover;
  10. }


 
 merci pour ton intérêt !  :sol:  

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed