28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une animation Flash sur laquelle j'ai placé une bannière Flash (via OpenX - http://www.openx.org). J'ai utilisé un CSS pour l'animation et un autre CSS pour la bannière. Mon souci vient du fait que la bannière Flash hérite de l'animation Flash au lieu d'avoir un comportement autonome.
Ci joint le lien pour mieux comprendre ce qui se passe :
http://www.campagnesetenvironnement.fr/loterie.php
La bannière ne devrait pas faire de fad.

Pour l'animation Flash (qui se trouve dessous) j'ai utilisé ce CSS :

#apDiv2 {
z-index: 1;
float: none;
margin-top: 0px;
position: absolute;
top: 0px;
}



Pour la bannière (qui se trouve dessus) j'ai utilisé ce CSS :

#apDiv1 {
//position: float;
z-index:100;
width: 480px;
height: 60px;
float: right;
margin-right: 13px;
//margin-left: 300px;
margin-top: 33px;
//margin-bottom: 0px;
visibility: visible;
}


La bannière et l'animation ont l'option transparente.

Merci de votre aide
Modifié par winch (09 Apr 2008 - 15:16)
Bonjour et bienvenue parmi nous winch Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour winch,

The F. manual dit :

SEULS LES ÉLÉMENTS POSITIONNÉS PEUVENT AVOIR UN Z-INDEX. Un élément positionné est un élément dont la propriété CSS "position" a pour valeur "relative", "absolute" ou "fixed". Par défaut, les éléments d'une page ne sont pas positionnés (ils sont en "position:static")...

Donc, a priori, en positionnant #apDiv1 (position relative par exemple) tu devrais obtenir le niveau d'empilement souhaité...

...Je vais chercher le goudron et les plumes ? Smiley confused

Cdt,
Sylvain