Background image HTML

Résolu
dannezri Messages postés 62 Statut Membre -  
dannezri Messages postés 62 Statut Membre -
Bonjour,

J'ai une page HTML avec comme fond une image mais le petit problème est que l'image je l'ai redimensionné aux dimensions de mon ordi et hier j'ai été sur mon site avec um autre pc que le mien et j'ai vu que l'image était totalement coupé (au dimensions de l'ordinateur de l'utilisateur). Donc ma question est: Y'a t'il un moyen pour que l'image s'adapte aux resolutions de tous le pc pour pas qu'elle ne soit coupé.


Merci



A voir également:

1 réponse

Réponse 1 / 1
ElementW Messages postés 5690 Statut Contributeur 1 224
 
'lut, oui: 
background-size: cover;
0
dannezri Messages postés 62 Statut Membre
 
Merci pour ta réponse, mais ou doit je mettre le code, dois je l'intégrer au code ci dessous ou créer une page css? 

<!-- Quelques styles CSS -->
<style type="text/css">
html {
  font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif;
  background:url(background.png) no-repeat bottom right;
  height:100%;
  padding:0;
  margin:0;
}
0
animostab Messages postés 3003 Statut Membre 738
 
Salut
fais plutot ca sur le body 

body {
  font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif;
  background:url(background.png) no-repeat bottom right;
  background-size:cover;
  height:100%;
  padding:0;
  margin:0;
}


Après même avec ca pense que l'image sera dès fois coupée (ratio image pas égale à ratio ecran) mais de manière "intellignte" tu peux aussi rajouter background-attachement:fixed; si tu veux que ton background reste fixe, sans suivre le scroll
0
dannezri Messages postés 62 Statut Membre > animostab Messages postés 3003 Statut Membre
 
Merci
0

Discussions similaires

PIX
plart -
jordane45 -

1 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Dechiffrer une image caché
JACQUE -
Otomec -

1 réponse
Comment recadrer une image avec Inkscape
infofeet -
TELLIEZ -

13 réponses