2 Backgrounds, Possible?

Bonjour,
J'ai un petit soucis de mise en forme en css, alors je me permet de venir vous voir.
Je vais essayer de vous présenter mon pb:
J'ai un block div avec un background image dedans.
Ce background est un ptit block qui restera toujours "collé" en haut a gauche du block principal.
Je voudrais un "sencond background" dans le meme div mais qui soit "collé" en bas à droite.
J'ai essayé float right mais impossible de le descendre en bas.
J'ai aussi essayé margin bottom mais le block reste toujour en haut.
Quelqu'un pourrait il me conseiller sur la facon à procéder.
Merci

Bonjour et bienvenue,

Ce n'est pas (encore) possible de mettre plusieurs images de fond pour un même élément, mais il y a bien d'autres possibilités.

Une solution simple serait par exemple de doubler la DIV

<div>
  <div> 
    contenu
  </div>
</div>

div {
	background: url(image.png) no-repeat top left;
}
div div {
	background: url(image2.png) no-repeat bottom right;
}

Une autre solution serait d'utiliser le positonnement absolu.
Peut-être est-il également possible d'exploiter le code dont tu disposes déjà

Mais il s'agit bien d'un image de fond (background css) ? Car tu parles de float:right ou de margin, ce qui me semble un peu étrange
Modifié par Alan (20 Dec 2006 - 11:46)