Aller au contenu

Plusieurs images en Background en CSS


francoisch

Sujets conseillés

Bonjour

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

background-image: url(image/adsep84.jpg);

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, cest parce que je voudrais que cela saffiche sur chaque page de mon site.

Jai bien pensé à réunir mes 3 images en une seule mais ça nest pas excellent.

Merci par avance de votre aide.

Francois

Lien vers le commentaire
Partager sur d’autres sites

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)

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

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 ?

Lien vers le commentaire
Partager sur d’autres sites

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.

Modifié par salcamden
Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...