bannière html avec superposition d'images et de textes

Question

Je cherche un moyen de créer dynamiquement des bannières qui peuvent être placées sur d'autres pages. La bannière consiste en une image de fond, deux images superposées et deux étiquettes de texte au-dessus de cette image de fond.

Est-il vrai que je ne peux utiliser que le positionnement absolu pour obtenir des éléments superposés? Comment puis-je m'assurer que la bannière en elle-même est placée relativement dans la page intégrée?

Je suppose que je dois être capable de placer des éléments absolus dans une boîte relative. Est-ce possible?

Merci Markus

Answer 1

Il est possible. L'élément contenant besoin d'avoir position:relative et tous les éléments internes que vous souhaitez placer besoin d'avoir position:absolute; et aussi la position x et y comme ceci: top:10px; right:20px ou bottom:10px; left:230px

Ainsi, par exemple:

CSS:

#banner_wrap {position:relative; width:860px; height:60px;} 
#inner_element {position:absolute; top:10px; left:20px; width:40px; height:40px;} 

HTML

<div id="banner_wrap"> 
    <div id="inner_element"></div> 
</div> 

Si vous voulez qu'ils soient dynamiques, vous pouvez cha nge le CSS pour la page spécifique.