Page 1 sur 1

mettre une image devant une animation

Publié : 14 août 2008, 13:07
par lnain
bonjour,j'ai créé une page avec e-anim, quand j'ouvre avec kompozer, la page html générée par e-anim j'ai donc juste un grand rectangle bleu qui correspond à l'emplacement de l'animation j'ai ajouté un compteur de "compteurcc",ce compteur se place en dessous de l'animation, moi, je voudrais qu'il soit devant , en bas à gauche. Si j'essaie de le glisser là où je voudrais, il se retrouve derrière l'animation. enfin, je précise que si je clique sur "mettre au 1er plan", ça change rien. Faut il ajouter un code html ? si oui, lequel svp.

tiens au fait, je voulais mettre l'animation tout en haut de la page, j'ai trouvé un post qui traite de ça, j'ai tapé topmargin="0" ça a remis l'animation en haut mais quand j'édite le code de la page, je ne vois plus cette instruction bien que j'ai enregistré la page juste après, c'est normal ?
merci
@+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Publié : 14 août 2008, 17:44
par Nicosmos
bonjour,j'ai créé une page avec e-anim, quand j'ouvre avec kompozer, la page html générée par e-anim j'ai donc juste un grand rectangle bleu qui correspond à l'emplacement de l'animation j'ai ajouté un compteur de "compteurcc",ce compteur se place en dessous de l'animation, moi, je voudrais qu'il soit devant , en bas à gauche. Si j'essaie de le glisser là où je voudrais, il se retrouve derrière l'animation. enfin, je précise que si je clique sur "mettre au 1er plan", ça change rien. Faut il ajouter un code html ? si oui, lequel svp.
Pas si simple que ça, surtout à expliquer ... Je vais essayer ;)

Déjà il faudrait mettre ton animation et ton compteur dans le même cadre, si ce n'est pas déjà fait*. Pour ça, répère le début du code de l'animation et la fin du code du compteur, et ajoute <div> avant tout ça et </div> après.

Après il faudrait donner à ce cadre la dimension de l'animation. Ça se fait par CSS. Le mieux est de le faire dans un fichier séparé, mais ce sera plus simple à expliquer si on fait tout au même endroit. :)

Ajoute cette propriété dans <div>, entre <div et > : style="width: XXpx; height: YYpx;", où XX est la largeur en pixels de ton animation et YY la hauteur.

Ensute tu peux éventuellement centrer ce cadre. Pour celà, ajoute margin-left: auto; margin-right: auto; après height: YYpx;, tout en restant entre les guillemets.

Ensuite on passe au compteur : il faudrait repérer la balise principale de celui-ci (probablement un <a> ou un <img>), et y ajouter un style="position: absolute; bottom: 1px; left: 1px; z-index: 100" (c'est un exemple, les valeurs sont variables. :P

En théorie, le compteur se retrouve alors par dessus ton animation, à bas à gauche (avec une marge de 1px). :D

Mais ton animation est probablement en Flash, donc il risque de ne pas accepter de voir quelque chose lui passer dessus. :?

Et puis de toute façon, je n'ai pas été clair dans mon explication. Le mieux serait que tu poste ici une adresse où on peut voir cette page (où juste son code source), afin qu'on puisse trouver une méthode adaptée (et l'expliquer plus facilement). :wink:

*Il est possible que ce e-anim l'ai déjà mis dans un div, ou même dans une table :? Il faudrait voir le code pour ça.
tiens au fait, je voulais mettre l'animation tout en haut de la page, j'ai trouvé un post qui traite de ça, j'ai tapé topmargin="0" ça a remis l'animation en haut mais quand j'édite le code de la page, je ne vois plus cette instruction bien que j'ai enregistré la page juste après, c'est normal ?
En fait, topmargin="0" est quelque chose qui n'existe pas. Ça fonctionne peut être, mais ça n'existe pas :roll: Je penses que Kompozer te l'a transformé en quelque chose de plus standard comme un margin-top: 0; dans un style="", ou tout autre chose dans ce genre. Tant que c'est fonctionnel :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.1) Gecko/2008072820 Firefox/3.0.1

Publié : 14 août 2008, 18:57
par lnain
salut,
détrompe toi, les explications m'ont l'air claires. Bon, je dis pas que je vais réussir, je suis si nul :oops: mais je vais essayer. je vous tiens au courant et je vous communiquerai l'url de la page quand elle sera uploadée.
merc i
@+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1