Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Aligner 2 animations flash en css  (Lu 8321 fois)

sensei

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
Aligner 2 animations flash en css
« le: juin 15, 2007, 14:03:22 pm »

SAlut à tous,

Voila je rencontre un probleme, impossible d'aligner mes 2 animations l'une à coté de l'autre dans ma page.

Sachant que dans Dream, c'est aligné, mais quand je teste sur un navigateur : IE ou mozilla, les 2 anim s'affichent l'une en dessous de l'autre.

Je vous montre mon css :

/*--------------Anim drapeau---------------*/
#anim{
margin:0px;
padding:0px;
height:150px;
width:150px;
float:left;
}
/*---------------Anim defil--------------------*/
#defil{
margin:0px;
padding:0px;
height:150px;
width:400px;
}
Le code HTML :












Merci de votre aide.
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #1 le: juin 15, 2007, 14:39:15 pm »

qlq point d'abord pour repondre a ton pb :
1 ta page est elle assez grande (surement)
donc essais de  rajouter position:relative (comme tu précise pas elle sont peut etre considere en position absolu donc ton margin px peut etre interpreter en absolu) dans les propriété de tes div.
(essais déjà ça pour voir)
Ensuite :
un flash ne s'intègre pas comme ça si tu c'est pas le faire laisse dreamweaver sans occuper et rajouter les scripts embed et no script nécessaire a ce que ie ne t'emmerde pas que la version du player soit correctement détecté etc...(utilise insertion media... ou recupere le HTML produit par flash)
Enfin le paramètre wmode accepte un certain nombre de paramètre mais surement pas le chemin vers la source (le plus courant quand on precise c'est qu'on veux utilisé transparent (qui permet de prendre en compte la transparence des  zones transparentes de ton anim)

Voila pour commencer essai de rajouté le relative et d'insérer tes animations plus proprement (tu peux aussi virer les propriété de padding et de margin car elle ne servent a rien pour le moment dans ta page (a par le margin-top si tu a mis  body {margin=0;} comme recommander pour ie5-6
IP archivée

sensei

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #2 le: juin 15, 2007, 14:49:39 pm »

Merci T_bo mais je t'explique pourquoi j'ai pas le même code pour insérer le flash que Dream. J'utilise un CMS : WordPress et pour que l'animation s'affiche je dois utiliser ce genre de code sinon ca ne s'affiche pas.

Sinon oui j'ai assez de place pour l'afficher, d'ailleurs j'ai aussi essayer de le reduire pour être sur mais rien à faire.

J'ai essayé de mettre ca, mais je n'y arrive pas, normalement avec le float:left;  ca devrait marcher...

/*---------------Animation flash : drapeau flottant--------*/
#anim{
height:150px;
width:150px;
position:relative;
float:left;
}
/*---------------Defilement des images---------------------*/
#defil{
height:150px;
width:350px;
position:relative;
}
Et la fin de semaine ne m'aide pas beaucoup aussi ! :p
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #3 le: juin 15, 2007, 15:17:57 pm »

ok peut tu me MP un lien que je jette un coup d'oeil a ta cascade avec mon debugger? ou tu es en local?

edit rien ne t'empeche mm dans un cms tous fait d'inserer proprement tes flash il suffit de modifier les header de ton template (chemin absolu ;-) ) ou d'insérer le javascript en "intrusive" dans ton "article" si tu n'as pas accès au header
IP archivée

sensei

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #4 le: juin 15, 2007, 15:25:08 pm »

Merci T_bo mais je suis effectivement en local, je regarderai mieux ca vendredi, je serais plus frais.
Car je pense que je peux y arriver tout seul, mais la je sature :p

Je vous tiens au courant.

Merci
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #5 le: juin 15, 2007, 15:28:16 pm »

ok
ps install firebug pour ton firefox c l'arme absolu pour depister les soucis tant de css que de code
courage.
IP archivée

sensei

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #6 le: juin 15, 2007, 15:52:01 pm »

Merci t_bo, je l'ai cette expansion mais je m'en sers rarement...

Sinon j'ai ressi à les aligner, c'est peut être pas tres propre mais ca marche mieu sur IE, sur mozilla, la 2em anim est décalé de 10 pixels environ :

#anim{
height:150px;
width:150px;
position:absolute;
float:left;
}

#defil{
height:150px;
width:400px;
padding-left:150px;
}
Je reprendrai tout ca lundi.

Bon week end à tous.
IP archivée

sensei

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #7 le: juin 18, 2007, 08:55:04 am »

Salut à tous,

Je suis de retour en pleine forme cette fois, donc maintenant j'ai réussi à aligner mes animations mais sur IE ca s'affiche nickel et pas sur mozilla,
voici ce que j'obtiens sur IE :

[img=http://img529.imageshack.us/img529/2018/captureiebo9.png]

et sur mozilla :

[img=http://img503.imageshack.us/img503/3796/capturemozillahn9.png]

Je rappel le CSS :

#anim{
height:150px;
width:150px;
float:left;
position:absolute;
}
/*---------------Defilement des images---------------------*/
#defil{
height:150px;
width:400px;
padding-left:150px;
}
Merci
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #8 le: juin 18, 2007, 09:11:03 am »

essai de retirer ton logo (qui doit etre en float right) si cà réaligne tes anim sur mozilla tu pourras toujours soit joué avec les propriétés css sur clear tes anim soit essayé d'insérer tes deux anim dans une même div (sans propriété spé pour commencé) mais fait attention à la dividite (maladie commune visant à mettre des div partout même quand pas necessaire...)  si jamais ça continue faudrais voir toute la source ou que tu "compile" tes 2 anims dans une seule via des mcloader par ex.
IP archivée

sensei

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
Aligner 2 animations flash en css
« Réponse #9 le: juin 18, 2007, 09:54:55 am »

en effet si j'enleve le float right du petit logo, ca s'affiche mieux sur mozilla mais il y a encore un petit decalage de 5px environ (premiere anim plus haute que la 2em de 5px environ).

Je vais essayer de mettre les 2 animations dans le même div.
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum