Aller au contenu

anim flash decalée !


debutandudebu

Sujets conseillés

salut a tous

je suis nouveau et debutant (en plus !!) et j'ai besoin de vos conseils eclairés!

voila mon pb :

je fais une ebauche de site pour mon groupe et je veux faire une page de presentation disons "originale". mais voila que je rencontre un probleme, sur mon pc quand je visionne la page tout est bon, calé, centré et tout et tout, mais sur un autre pc l'image et le flash sont decalés !!!!

pourquoi ?

comment faire pour tout remettre en place et que ce se soit bien sur tous les ecrans ? :gueule:

mes connaissances assez limitées ne me font pas avancer :fou::fou: alors j'en demande a votre savoir :D

merci d'avance

je voudrai bien vous la faire voir mais je sais pas comment on fait !! :wacko::blush:

Lien vers le commentaire
Partager sur d’autres sites

Bonjour debutandudebu :)

Est-ce que ta page est en ligne ?

Si oui, pourrais-tu mettre un lien vers celle-ci ?

Si non, copie le code source de ta page et place-le entre des balises [ codebox ] [ / codebox ] ;)

Lien vers le commentaire
Partager sur d’autres sites

voila ce que ça donne !


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<style>
{
background-image (url: scene regim.jpg)
background-repeat (no-repeat)
</style>
<body bgcolor="#000000">
<div id="Layer1" style="position:absolute; left:276px; top:-25px; width:710px; height:580px; z-index:1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="721" height="579">
<param name="movie" value="interface%20by%20alain%20bis.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="interface%20by%20alain%20bis.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="721" height="579"></embed></object>
</div>
<div align="center"><img src="affiche%20regim%20web%2003.jpg" width="511" height="794">
</div>
</body>
</html>

Lien vers le commentaire
Partager sur d’autres sites

bon déjà c'est pas trop bon d'avoir des espaces dans tes noms de fichiers (qui se transforment en %20 dans l'url exemple: interface%20by%20alain%20bis.swf ou ton jpeg plus bas) ça peut générer des erreurs d'accès dans certains explorateurs (opéra je crois, par exemple).

ensuite ton positionnement de calque flash (style="position:absolute; left:276px; top:-25px; width:710px; height:580px) me paraît pas le meilleur possible. en plus en l'occurence un calque en div pour intégrer un flash ne sert à rien ici car on ne peut rien mettre au-dessus d'un flash. autant mettre le flash directement dans la page hors calque de div, aligné de la façon qu'on souhaite (centré, gauche, droite, décalé par un espaceur transparent en gif de la taille souhaitée, etc.). C'est plus clair pour tous les browsers (et les sisters, aussi, okay, bon, j'arrête :D).

pour finir mettre une image "sous" le flash (j'imagine au cas où le client n'a pas installé le plug-in flash, et /ou ne souhaite pas le faire) peut se faire d'une manière beaucoup plus "propre" avec la méthode satay :

Contenu alternatif (+ bas que la moitié de la page) sur http://www.ac-graphic.net/Article-3-flash-...-standards.php5

voilà j'espère que cela t'est utile ;)

Lien vers le commentaire
Partager sur d’autres sites

salut et merci a toi Beatnykk pour les conseils et le lien!

en fait je vais t'expliquer ce que je veux faire

1. mettre une image en background qui ne sera pas repetée. pour ça c'est fait en css, j'y suis arrivé !!!!

2. mettre une anim flash qui se place sur la foto a un endroit particulier et là je seche parce que sur mon pc elle est bien et sur un autre elle est decalée!

et mieux, quand je redui la fenetre c'est pire !!!

j'ai essayé avec des tableaux et des calques mais je maitrise pas encore! d'ou ma presence sur ce forum!!!

j'voudrai bien (ouin ouin ouin !euu pardon!) vous la faire voir mais j'peux point (ouin ouin ouin !euu re pardon!), je sais pas comment on fait (c'est mieux!!) vu qu'elle est pas en ligne ma page!

merci d'avance

a vous lire

Lien vers le commentaire
Partager sur d’autres sites

mais il y a une troisième image (affiche) en plus du fond (regim) et du flash (alain)...

c'est quoi le but ?

à vue de nez tu devrais mettre tous les éléments dans des calques empilés (z-index le plus grand donnant 1er plan) et les aligner de la façon que tu veux (css absolute, très bien, ou autre).

ah et petit détail : ton claque pour le flash est moins large que le flash lui-même (width de 710 < 721) ce serait peut être ça qui crée un problème d'affichage chez d'autres personnes ?

Lien vers le commentaire
Partager sur d’autres sites

  • 2 semaines plus tard...

me revoila !

bon j'ai fait au plus simple c a d avec deux calques et ça marche (pour l'instant!)

et en plus c'est en ligne! :fete:

mais c'est pas fini, il manque les musicos qui vont apparaitres en même temps que la lumiere du spot et avec un lien sur la page de presentation du zicos, bref du travail du travail et encore du travail !!!! :fou:

pour ceux que ça interesse et surtout pour les critiques voila le lien:

http://regimliquid.free.fr

encore merci et j'attend ! :whistling:

Lien vers le commentaire
Partager sur d’autres sites

  • 2 semaines plus tard...

juste 2-3 trucs :

-la forme de tes spots est pas toujours bien "propre" (les bords sont droits parfois)

-tu peux facilement colorer l'instance d'une animation sans modifier l'original : à partir de l'anim du spot blanc, tu peux faire n'importe quelle couleur sans changer les instances blanches, par exemple.

-la mise en page : y'a du taff, essaie de travailler en pourcentage pour réadapter le placement et les tailles à différentes tailles d'écran.

-le design : allez, on se relâche pas !!!

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...