Discussion :

[vinzzzz]

Hello,
Dans une page internet, lorsque je souhaite mettre un background avec une image, celle-ci est trés souvent coupée.
Comment puis-je faire pour que l'image ne soit pas coupée?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
body {
   width: 760px;
   margin: auto; 
   margin-top: 20px; 
   margin-bottom: 20px;  
   background-image: url("../img/back2.jpg"); 
}

[frog43]

Salut, l'image est coupé? C'est à dire? C'est peut être car elle est + grande que la taille de ton body non ?

[vinzzzz]

Si je ne donne aucune taille a mon body, celui-ci prend donc toute la page mais l'affichage de l'image reste le même.
Elle est coupée dans le sens toute l'image n'est pas affichée (il en manque environ 1/3 en bas)
Ya-t-il une résolution maximale pour une image en fond?

[frog43]

Je ne croit pas qu'il y est de résolution max. Sa serait cool tu file l'url que je puisse me rendre compte ...

Mais c'est bizarre que l'image n'apparaise pas entiere si le body n'as pas de taille (d'ailleurs je comprends pas tro pourquoi donnée une taille au body ... ). Sinon utilise une balise div pour placer ton image en fond ...

[vinzzzz]

Je donne une taille (une largeur) au body pour que sa taille reste toujours fixe... On m'a conseillé de réaliser les site comme ca lorsqu'on débute (la taille reste fixe et ne change pas avec la résolution).

Sinon pour l'image, lorsque je change sa taille (je l'ai faite passer en 800*600), cette fois ci il apparait une partie blanche sur la droite... Elle devient donc trop petite.

Le navigateur n'adapte-t-il pas automatiquement la taille de l'image de fond en fonction dela taille de la fenetre pour qu'elle prenne toute la place?

[frog43]

J'avais eu le même problême, celui de la barre blanche a droite de l'image ... A l'époque j'utiliser des tableaux pour ma mise en page ... C'est ton cas ? Maintenat j'utilise des div et du CSS et je n'ai plus ce genre de pb. Cra le navigateur n'adapte pas la taille de li'image ...

[vinzzzz]

J'utilise CSS et les div.
Dans tous les cas, si le navigateur n'adapte pas la taille de l'image, tableau ou div ca reviendrait au même.
C'est étonnant qu'il n'y ai pas moyen d'étirer une image pour qu'elle remplisse la page du navigateur...

[frog43]

Il suffit juste d ela mettre à la bonne taille quand tu la crée ... Ou modifier la taille si c'est pas toi qui la faite ...

[vinzzzz]

Oui mais si l'utilisateur a une résolution supérieur ou inférieure a celle que j'ai mis pour l'image ca ne s'affichera pas corrèctement.

[frog43]

De toutes façon, ton image ne bougera pas, donc le site ne sera pas modifier en lui même. C'est juste qu'il prendra + ou - de place sur l'écran selon les différentes résolution ...

Si tu veut que ton image tienne exactement un écran, je pense qu'il faut passer par du javascript pour récupérer la résolution d el'écran d el'utilisateur et ensuite afficher ton image selon la réponse. (Dans ce cas il faudrat que tu ait plusieur image avec des tailles différentes) ...

[vinzzzz]

Ouai je vais voir tout ca je pense qu'il y a d'autres moyens, dont celui que tu cite peut être, et je m'en apercevrai au fur et a mesure que j'aprendrais. Et mon idée de mettre une image qui ne peut pas se répéter sans que ce soit moche n'est surement pas trés adapté, dans la plupart des sites web, les pages contiennent toujours des portions d'images qui se rèpètent pour justement éviter les problèmes de taille.

En tout cas merci pour ton aide .

[frog43]

De rien, mais moi je trouve qu'il vaut mieuxavoir une image trop petite qu'une image qui se répètent et que sa gache tout ... Mais ce n'est que mona vis ... Bonne continuation