Bonjour

Je sais mettre une image en background dans une DIV avec :

dans ma CSS.

Là, je voudrais mettre 3 images :
- approximativement de même hauteur
- côte à côte
- qui occupent la largeur de ma page (au besoin en laissant un peu de vide entre elles)

Naturellement, si je veux les mettre en CSS, c’est parce que je voudrais que cela s’affiche sur chaque page de mon site.

J’ai bien pensé à réunir mes 3 images en une seule mais ça n’est pas excellent.

Merci par avance de votre aide.

Francois

En CSS, tu ne peux avoir qu'une seule image en fond par élément.
Tu as donc deux solutions :
- gérer trois éléments, chacun avec son image de fond
- réunir tes trois images en une seule (je ne comprends d'ailleurs pas tes réticences à ce sujet)

bonsoir Captain et merci de ta réponse.

Je trouvais l'idée de réunir les 3 images en une seule un peu primaire.

Avec ta réponse, et comme c'est une solution simple, je crois que je vais y souscrire.

Merci encore de ton aide.

Francois

Captain_torche a raison, tu ne peux pas faire autrement que comme il te l'a expliqué. Si tu pars sur la réunion de ton image en une seule, veille bien à optimiser le poids de celle-ci. Si c'est en gif, tu peux déjà limiter le nombre de couleurs de chacune et ensuite de les réunir. Déjà optimisées, cela devrait te faire gagner du poids (si besoin est).

Une question : CSS3 (pas prêt d'être populaire) ne permet il pas de multiplier les backgrounds dans un élément ?

Salut,

Si, CSS3 le permet (mais d'ici qu'il soit interprété par TOUS) les navigateurs...
voir : http://www.css3.info/preview/multiple-backgrounds/

Sinon, en alternative aux images gif, il y a le format PNG 8bit, qui fait aussi bien (256 couleurs) mais en plus léger.

bonjour et merci de vos réponses.

Dans l'immédiat, j'ai choisi de faire simple et j'ai fait une image unique.

Je conserve néanmoins vos réponses sur les background multiples pour une prochaine fois.

Merci encore.

Francois