Sujet Précédent Sujet Suivant

Centrer un flash dans un site web

Résolu/Fermé
Profil bloqué - 8 avril 2009 à 13:15
 Profil bloqué - 8 avril 2009 à 22:20
Bonjour,

j'ai une petite question j'suis en train de créer un site web et la premiere page c'est une animation flash avec en dessous un bouton pour rentrer dans le site, le probleme c'est que j'aimerais que cette animation soit toujours centrer horizontalement et verticalement, car quand je l'ouvre avec mozilla c'est centrer mais quand j'ouvre avec IE l'animation est en haut normal la fenetre est plus grande, j'ai réussi à centrer horizontalement c'est simple mais comment on fait pour que ce soit toujours centrer verticalement ?
A voir également:

22 réponses

  • 1
  • 2
Réponse 1 / 22
9911 Messages postés 46 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 27 octobre 2011 6
8 avril 2009 à 13:26 
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<table width="100%" height="100%" border="0">
  <tr>
    <td align="center" valign="middle">Place ton annimation flash ici</td>
  </tr>
</table>


Voila ça devrait marché
1
Réponse 2 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 21:20
mais la http://radservebeer.free.fr/demorad/centre/ tout est centre !

regarde le code source et copie le en changeant juste le nom des swf
1
Réponse 3 / 22
Profil bloqué
8 avril 2009 à 13:39
non sa me l'aligne horizontalement mais pas verticalement
0
Réponse 4 / 22
9911 Messages postés 46 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 27 octobre 2011 6
8 avril 2009 à 13:47
tu peut me mettre le scipte de ton animation flash
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 22
Profil bloqué
8 avril 2009 à 13:49
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="720" height="576">
<param name="movie" value="animation flash entrée.swf" />
<param name="quality" value="high" />
<embed src="animation flash entrée.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="720" height="576"></embed>
</object>
0
Réponse 6 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 13:57
tu donne un id a ton anime exemple id="flash" 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="720" height="576" id="flash">
<param name="movie" value="animation flash entrée.swf" />
<param name="quality" value="high" />
<embed src="animation flash entrée.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="720" height="576" id="flash"></embed>
</object>



et tu met ca dans tes css 
 #flash {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 720px;
     height: 576px;
     margin-top: -288px; /* moitié de la hauteur */
     margin-left: -360px; /* moitié de la largeur */
     }


a+
0
Réponse 7 / 22
Profil bloqué
8 avril 2009 à 13:59
nikel sa marche merci beaucoup
0
Réponse 8 / 22
Profil bloqué
8 avril 2009 à 14:05
ah oui j'oublier je voudrais mettre aussi un bouton flash en dessous pour entrer dans le site.
0
Réponse 9 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 14:06
tu fais pareil !!
0
Réponse 10 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 14:08
tu fais pareil !!

mais tu ne fais pas le margin-top ni le top pour qu il ce mette en dessous de l autre !
0
Réponse 11 / 22
Profil bloqué
8 avril 2009 à 14:12
lol j'ai fait pareil le seul souci c'est que le bouton se met dans l'animation flash
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 14:14
tu ne fais pas le margin-top ni le top pour qu il ce mette en dessous de l autre !
0
Réponse 12 / 22
Profil bloqué
8 avril 2009 à 14:34
J'ai ça et sa ne marche pas...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Giz Production</title>
<style type="text/css">
<!--
body {
background-image: url(image%20arriere%20plan.jpg);
background-repeat: repeat;
}
.Style2 {
color: #FFFFFF;
font-size: 50px;
}
.Style3 {color: #FFFF00}
-->
#flash {
position:absolute;
left: 50%;
top: 50%;
width: 720px;
height: 576px;
margin-top: -288px; /* moitié de la hauteur */
margin-left: -360px; /* moitié de la largeur */
}
#flash {
position:absolute;
left: 50%;
width: 720px;
height: 576px;
margin-left: -360px; /* moitié de la largeur */
}
</style>
</head><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="720" height="576" id="flash">
<param name="movie" value="animation flash entrée.swf" />
<param name="quality" value="high" />
<embed src="animation flash entrée.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="720" height="576" id="flash"></embed>
</object><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="32" height="32" id="flash">
<param name="movie" value="Bouton Entrée Site.swf" />
<param name="quality" value="high" />
<embed src="Bouton Entrée Site.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="32" height="32" id="flash"></embed>
</object>
</body>
</html>
0
Réponse 13 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 14:41 
#flash {
position:absolute;
left: 50%;
top: 50%;
width: 720px;
height: 576px;
margin-top: -288px; /* moitié de la hauteur */
margin-left: -360px; /* moitié de la largeur */
}
#flash {
position:absolute;
left: 50%;
width: 720px;
height: 576px;
margin-left: -360px; /* moitié de la largeur */
}


tu ne peux pas avoir 2 id identique !!! et un bouton de 720 x 576 ca ne te parrait pas un peu grand ?? ;-))

le 2 tu l apel "flash2" 
#flash {
position:absolute;
left: 50%;
top: 50%;
width: 720px;
height: 576px;
margin-top: -288px; /* moitié de la hauteur */
margin-left: -360px; /* moitié de la largeur */
}
#flash2 {
position:absolute;
left: 50%;
width: 720px;
height: 576px;
margin-left: -360px; /* moitié de la largeur */
}


et tu met aussi flash2 au code html du 2° swf
0
Réponse 14 / 22
Profil bloqué
8 avril 2009 à 16:14
j'ai fait ça, ça ne marche tjr pas :s


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Giz Production</title>
<style type="text/css">
<!--
body {
background-image: url(image%20arriere%20plan.jpg);
background-repeat: repeat;
}
.Style2 {
color: #FFFFFF;
font-size: 50px;
}
.Style3 {color: #FFFF00}
-->
#flash {
position:absolute;
left: 50%;
top: 50%;
width: 720px;
height: 576px;
margin-top: -288px; /* moitié de la hauteur */
margin-left: -360px; /* moitié de la largeur */
}
#flash2 {
position:absolute;
left: 50%;
width: 32px;
height: 32px;
margin-left: -360px; /* moitié de la largeur */
}
</style>
</head><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="720" height="576" id="flash">
<param name="movie" value="animation flash entrée.swf" />
<param name="quality" value="high" />
<embed src="animation flash entrée.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="720" height="576" id="flash"></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="32" height="32" id="flash2">
<param name="BGCOLOR" value="#000000" />
<param name="movie" value="Bouton Entrée Site.swf" />
<param name="quality" value="high" />
<embed src="Bouton Entrée Site.swf" width="32" height="32" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" id="flash2" bgcolor="#000000"></embed>
</object>
</body>
</html>
0
Réponse 15 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 16:41
loool

c est de ma faute ! je pensais que tu avais compris le systeme ! et que tu l adapterai ;-))

voila ta page complete ! 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <link rel="shortcut icon" href="favicon.ico" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <title>Giz Production</title>
<style type="text/css">
/*<![CDATA[*/
<!--
body {
background-image: url(image%20arriere%20plan.jpg);
background-repeat: repeat;
    text-align: center;
}
.Style2 {
color: #FFFFFF;
font-size: 50px;
}
.Style3 {color: #FFFF00}
-->
#flash {
position:absolute;
left: 50%;
top: 50%;
width: 720px;
height: 600px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -360px; /* moitié de la largeur */

}

/*]]>*/
</style>
</head>

<body>
  <div id="flash>
<object classid=" codebase=
  "http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width=
  "720" height="576">
    <embed src="animation flash entrée.swf" quality="high" pluginspage=
    "https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="720"
    height="576" /><br />
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=
    "http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width=
    "32" height="32">
      <param name="BGCOLOR" value="#000000" />
      <param name="movie" value="Bouton Entrée Site.swf" />
      <param name="quality" value="high" />
      <embed src="Bouton Entrée Site.swf" width="32" height="32" quality="high" pluginspage=
      "https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" bgcolor=
      "#000000" />
    </object>
  </div>
</body>
</html>
0
Réponse 16 / 22
Profil bloqué
8 avril 2009 à 17:00
lol oui sauf que maintenan tout ça ne se centre pas verticalement
0
Réponse 17 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 17:24
a si je t affirme que la div flash est entierement centree !! et quelque soit la resolution de l ecran visiteur !!!
0
Réponse 18 / 22
Profil bloqué
8 avril 2009 à 19:43
en mettant le code que tu m'as passé en tout cas non jé fais un pur copié coller et c'est centrer certe, mais seulement en horizontale, pas verticale
0
Réponse 19 / 22
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 avril 2009 à 20:32
???????????

TU AS DU MAL COPIE !

regarde le code de cette page exemple !! http://radservebeer.free.fr/demorad/centre/
0
Réponse 20 / 22
Oazar
8 avril 2009 à 20:36
Et pourquoi tu ne mets pas le bouton dans le même swf que l'intro, ?? ca t'éviterait tous ces soucis de code...
0

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
senda -

8 réponses