Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1512 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2180944
arthuro000
Posté le 17-03-2013 à 05:56:55  profilanswer
 

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
mood
Publicité
Posté le 17-03-2013 à 05:56:55  profilanswer
 

n°2180953
pvclunacy
Posté le 17-03-2013 à 10:45:00  profilanswer
 

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

n°2180983
arthuro000
Posté le 17-03-2013 à 14:20:54  profilanswer
 

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
n°2180987
pvclunacy
Posté le 17-03-2013 à 14:47:59  profilanswer
 

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.

n°2180989
arthuro000
Posté le 17-03-2013 à 15:33:08  profilanswer
 

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:  


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
problème affichage image dans packageCopier Coller une plage excel dans PPT en format Image
Signature HTML à l'aide svp - superposition a href sur imageSous-échantillonnage d'une image et création d'une icone
Ne pas mettre à jour TCD à l'ouverture[RESOLU] Générateur de texte sur image
LIER UN CONTROLE IMAGE USERFORM A UNE PHOTO[Android] Probleme video (pas d'image)
problème de superposition texte/image sur iphoneTexte sur image ou intégré?
Plus de sujets relatifs à : [RESOLU]mettre le background-image en 800x600 tout simplement !


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR