Imprimer

[sensei]

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 :

Code: [Sélectionner]

/*--------------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 :

Code: [Sélectionner]

Merci de votre aide.

[T_bo]

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

[sensei]

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...

Code: [Sélectionner]

/*---------------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

[T_bo]

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

[sensei]

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

[T_bo]

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

[sensei]

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 :

Code: [Sélectionner]

#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.

[sensei]

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 :

Code: [Sélectionner]

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

[T_bo]

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.

[sensei]

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.