Adapter image de fond a la resolution

Fermé

Shaytan Messages postés 17 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 20 octobre 2015 - 19 févr. 2009 à 13:50
astuces72 Messages postés 7722 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 17 avril 2024 - 17 mars 2013 à 07:50

Bonjour,
J'essaie de creer un site pour apprendre l'html, le css etc

Je voudrais savoir comment adapter mon image de fond a la resolution de tout le monde, car certains ne voient pas l'image en entier et d'autres l'image est trop petite!! Voici mon code css:

body
{
background-image: url("fondsite.jpeg");
background-attachment: fixed;
background-position: center;
overflow: auto;
width: 100%;
height: 100%;
margin: auto;
} Si quelqu'un peut me dire le(s) erreur(s) ou les manques?!

A voir également:

Adapter image de fond a la resolution
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Image de profil - Guide
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

5 réponses

Réponse 1 / 5

avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 4 496
27 juil. 2011 à 22:12

Salut,

Cet article devrait vous intéresser :
https://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html

dd
17 mars 2013 à 02:03

merci

Réponse 2 / 5

zedat
27 juin 2009 à 19:00

même problème de l'aide s'il vous plais

adelinoo
26 sept. 2009 à 02:36

voila la repense:

Le code CSS:

html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}

Le code HTML:

<img id="arriere" alt="" src="araignees.jpg" />

bn chance.

Tsuki
16 juin 2011 à 01:33

Comment faire pour que l'image ne se déforme pas entre le ratio des écran standard et panoramique ?

zirconias Messages postés 11 Date d'inscription mercredi 17 décembre 2008 Statut Membre Dernière intervention 3 juillet 2011 1
3 juil. 2011 à 18:38

meme probleme , quelqu'un pourrais m'aider ?
sinon @zedat si t'as eu la reponse j pourrais l'avoir ?!

Réponse 3 / 5

lenzorino
26 juil. 2011 à 14:22

Salut les gens, chaque ordi a sa propre taille et est doté de sa propre résolution d'écran, donc je pense que le mieux à faire est d'adapter nos images aux dimensions les plus accessibles pour chaque utilisateur du style 800*600 (bien que certains ne voient pas le total de l'image, imagine ton site sur smartphone --')
Si ca peut répondre à ta question ;)

Réponse 4 / 5

astuces72 Messages postés 7722 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 17 avril 2024 1 637
Modifié par astuces72 le 17/03/2013 à 07:58

slt

un script qui met une image en fonction de la taille de l'écran.
Il faut juste une image dans chaque résolution d'écran.
:D

PS:
De plus c'est pas la taille de l'écran qu'il faut mais la taille de la fenêtre du navigateur, alors oublis mon message....je le laisse quand même pour voir à quel point des fois je raconte bien des conneries.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
28 juil. 2011 à 10:38

Bonjour,

sauf erreur, en HTML/CSS c'est pas possible....

Il y a bien une solution si on maitrise le css, c'est de faire du positionnement absolu:
- positionner une image en absolu avec width:100%,
- positionner par dessus les autres éléments en absolu....

A+

avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 4 496
28 juil. 2011 à 11:01

En full CSS avec « background-size: cover; » :)
Sinon Javascript ou positionnement absolu.

mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
28 juil. 2011 à 11:26

<cite>En full CSS avec « background-size: cover; » :) </cite>

je connais, mais marche pas partout...

Discussions similaires

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

Sur la plage...

Résolution d'une image 500 pixels largeur

Dechiffrer une image caché

Discussions similaires

Newsletters