Background image HTML

Résolu/Fermé

dannezri Messages postés 53 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 53 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
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

1 réponse

Réponse 1 / 1

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

'lut, oui:

background-size: cover;

dannezri Messages postés 53 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 53 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

Retrouver l'image originale après avoir fait des modifications ?

Image cliquable dans html

Espace en HTML

Discussions similaires

Newsletters