Webmaster Hub > anim flash decalée !

Version complète: sur le forum Webmaster Hub : anim flash decalée !

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

debutandudebu

vendredi 10 juin 2005 à 08:26

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

alors j'en demande a votre savoir

merci d'avance
je voudrai bien vous la faire voir mais je sais pas comment on fait !!

MS-DOS_1991

vendredi 10 juin 2005 à 08:32

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 ]

debutandudebu

vendredi 10 juin 2005 à 08:37

salut MS-DOS_1991
non ma page n'est pas en ligne et pour les balise, tu veux dire dans la zone de texte ?

debutandudebu

vendredi 10 juin 2005 à 08:46

voila ce que ça donne !

CODE

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

Beatnykk

mardi 14 juin 2005 à 15:44

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

).

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

debutandudebu

mercredi 15 juin 2005 à 13:02

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

Beatnykk

mercredi 15 juin 2005 à 21:25

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 ?

debutandudebu

mercredi 29 juin 2005 à 13:07

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!

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

pour ceux que ça interesse et surtout pour les critiques voila le lien:
http://regimliquid.free.fr

encore merci et j'attend !

Beatnykk

jeudi 7 juillet 2005 à 16:20

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.