Probleme HTML/CSS

**Modérateur** Apprenti Dr.House

voilà, je suis en pleine construction d'un site pour un Gite, mais je n'ai que des bases sur le HTML et le CSS alors, j'aimerai savoir si il existe une commande en CSS ou en HTML pour que les dimensions d'une image de fond s'adapte à la taille des écrans ou sinon, quel doit etre la taille "standard" pour une image afin quelle ne soit pas trop coupé par des écran plus petit???

**Administrateur** Psychopathe

Je ne crois pas qu'il y aie de script qui permmette d'adapter une image.
Une taille d'image que j'utilise c'est 1800 en largeur et 1400 en hauteur, comme ça, on a peu de chance de pas toute la voir.

Aussi, sinon, beaucoup plus beau au final, tu insères une image dans le cadre intérieur (en général #wrap) qui sera centrée et qui soit se répètera verticalement, soit horizontalement (elle sera donc placée en haut ou bas de page). Ensuite, en dessous de cette image, tu mettra une image de fond qui se répètera en fonction de cette image (mosaique, colones...) et qui s'accordera avec la couleur de fond et l'image du cadre, ce qui donnera une impression d'image unique.

**Administrateur** Enfant du destin

Mais si, je crois bien que ce code permet de faire ce que thebest demande :

Code:: <img src="ton_image" border=0 width=100% height=100% alt="">

Moi en tout cas, je m'en suis servit sur mon fofo pour adapter automatiquement l'image de fond des descritions de forum ... avant que n'existe l'option a côté du nom du fofo dans le PA.

Bref, je pense que ça devrait marcher ..............
Tiens nous au jus thebest ...

(with et heigh, sont en % ce qui insinue que ça devrait marcher ...)

**Modérateur** Apprenti Dr.House

probleme, c'est pas du css, le code que tu m'a donné, mais je suppose que je met
body {
text-align:justify;
background-image:url("images/laprovencale2.jpg");
background-position: center;
border:0;
width:100%;
heigh:100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#000000;
}

???
et que signifie alt=""???

**Administrateur** Psychopathe

Enki a écrit:

Code:: <img src="ton_image" border=0 width=100% height=100% alt="">

Ce code marche à mon avis pas de doute la dessus, c'est bien vu, mais c'est l'image qui va morphler avec ça, vu que là le code en à rien à battre de la proportionnelle (l'image sera par exemple élargie 3 fois, mais agrandie en longueur seulement 2 fois)

**Administrateur** Enfant du destin

Ah oui, c'est sur, rien ne t'empêchera de devoir prévoir ça ... Ca c'est clair.

Par contre, je comprend pas pourquoi faire ça. Tu met ton image aux dimensions et c'est tout non ?

**Modérateur** Apprenti Dr.House

wai, mais j'ai un écran format 16/9e, et ça affiche d'une certaine façon et sur un autre écran (celui de l'ancien ordi), il l'affiche d'une façon différente.