Fond ajustable

Yop !
Je suis en train de créer un site et j'ai un léger problème avec le fond. J'aimerais qu'il puisse se voir normalement sur tous les ordis. comme on peut sur ce forum je viens vous le demander ... comment fait on pour avoir un fond "ajustable"
Sur ce !

J'ai pas très bien comprit ce que tu veux ...

Que le site soit visuellement identique sur différentes tailles d'écran

Seulement en ce qui concerne l'image de fond?
Il suffit d'en faire une très grande et il s'affichera plus ou moins complètement en fonction de la résolution d'écran du visiteur. Il n'y a rien de particulier à faire ...

J'ai un doute, mais il y a pas moyen de régler le fond en pourcentage ?
De sorte, que le rendu soit adapté en fonction de l'écran ?

Comme l'a dit WT, il suffit que tous tes blocs et éléments soient dimensionnés en unités fluides, ou alors de placer tout le contenu du site dans un conteneur dont la largeur est définie à 100% et non en pixels.

Si c'est un motif, il suffit de définir dans le css que l'image se répète, et elle se répétera autant de fois qu'il le faut pour recouvrir tout l'écran, selon sa résolution.

Sinon, il suffit que le background soit une très grande image (comme celle d'IA actuellement: lien) et l'image se coupera automatiquement selon la résolution de l'écran. Toujours en l'intégrant avec le css bien sur.

Et ben j'avais jamais vu les extrémités du fond de I.A...
J'savais pas y avait des carreaux violets...

Seul ceux qui ont une très grande résolution peuvent le voir, c'est-à-dire surement pas grand monde ...

Ben j'ai fais un fond avec 1920*1080 (l'écran le plus grand qu'on m'ait dit). J'ai mis
width : 100%
mais malheureusement la moitié des visiteurs dont moi ne le voient pas en entier (c'est pas un fond comme ia, c'est deux joueurs sur la gauche et un joueur sur la droite)

Tu peux nous montrer ce fond en question?

Voici http://www.picdo.net/fichiers/2010/9/6/fe3c5d08-4f8a-4d1b-9752-a05c30bb85cc_FONDDD.png

comme la plus petite résolution que je connaisse est 800*600, je te conseillerai de mettre width: 800px; plutôt que 100%. Après cette méthode n'est pas très utile pour les sites dont le contenu n'est pas extensible. Je sais pas si en PHP tu peux avoir une balise dynamique pour ton fond je chercherai si ça t'intéresse x)

Tu voudrais donc que ce fond se rapetisse automatiquement selon la résolution de l'écran? Ça va être bien dur ça ...

Il y a un moyen pour obtenir ce que tu souhaite, mais si la résolution de ton visiteur est trop petite, il risque de ne plus voir les deux joueurs, ils seront passé en dessous de ton contenu, je m'explique :

Tu crée un div "global" qui englobera TOUT ton site, tu lui met un width:100%.
Tu crée ensuite 3 autres div, un pour chaque joueur et un autre pour ton site en lui-même. Les divs avec les joueurs auront une largueur fixe, celle de tes images, mais il faudra leur appliquer un float:left; (pour celle de gauche) et un float:right; (pour celle de droite). Ton troisième div, tu as le choix, soit tu le fait fixe, soit une largeur en pourcentage, à toi de voir !

Je sais pas si tu y arrivera du premier coup, et si tu as tout compris, et je suis pas certain que cela fonctionne. Il doit y avoir quelque chose pour donner un ordre de priorité au div, pour pouvoir faire passer tes joueurs en dessous des autres divs.

chaloute fioul ta technique a l'air bonne et je l'essayerais mais qu'est-ce qu'un div ?

C'est une balise html. La plus courante utilisée.

Sauf que sur mon site je ne peux que modifier le CSS

C'est quoi ça pour un site web où on peut même pas modifier la page html ... ?

Essaies ça

Code:


{background-image: url('URL IMAGE');
background-attachment: fixed;
background-position: top center;}

Ah tu ne peut pas toucher au html ? Ca risque d'être impossible dans ce cas, car il te faut obligatoirement décomposé ça en trois parties, le fond, et les deux joueurs.

Un div c'est comme un conteneur, tu peut lui appliquer un fond, une taille, une position sur ta page et encore beaucoup de choses.

Ça se présente comme ça en html:

Code:

<div id="fond"></div>

Et ton css

Code:

div#fond { background:url('liendetonimage');width:XXpx;height:XXpx; }

Mais si tu ne peut pas toucher le html c'est inutile.

NeonArt a écrit:Essaies ça

Code:


{background-image: url('URL IMAGE');
background-attachment: fixed;
background-position: top center;}

De cette façon, les plus petites résolutions ne verront qu'un petit bout des joueurs, voir pas du tout.

Je crois que j'ai dis une bêtise énorme sauf pour le PHP oublie tout ce qu'il y a avant ^^".

Et sinon c'est plus simple si je fais un fond que les extrémités du contenu, pas sur le bout de l'écran ?