Background image HTML

Résolu/Fermé

dannezri Messages postés 52 Date d'inscription vendredi 24 juillet 2015 Statut Membre Dernière intervention 8 août 2017 - 26 juil. 2015 à 12:21
dannezri Messages postés 52 Date d'inscription vendredi 24 juillet 2015 Statut Membre Dernière intervention 8 août 2017 - 26 juil. 2015 à 12:41

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:

Background image HTML
Image iso - Guide
Editeur html - Télécharger - HTML
Acronis true image - Télécharger - Sauvegarde
Image iso windows 10 - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop

1 réponse

Réponse 1 / 1

ElementW Messages postés 4814 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
26 juil. 2015 à 12:25

'lut, oui:

background-size: cover;

dannezri Messages postés 52 Date d'inscription vendredi 24 juillet 2015 Statut Membre Dernière intervention 8 août 2017
26 juil. 2015 à 12:29

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;
}

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 26/07/2015 à 12:45

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

dannezri Messages postés 52 Date d'inscription vendredi 24 juillet 2015 Statut Membre Dernière intervention 8 août 2017 > animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019
26 juil. 2015 à 12:41

Merci

Discussions similaires

PIX

la balise ou

Impossible de télécharger photos messenger

ou ou

Comment recadrer une image avec Inkscape