Centrer un flash dans un site web

Résolu
Profil bloqué -  
 Profil bloqué -
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   Statut Membre Dernière intervention   6
  
<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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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é
 
non sa me l'aligne horizontalement mais pas verticalement
0
Réponse 4 / 22
9911 Messages postés 46 Date d'inscription   Statut Membre Dernière intervention   6
 
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é
 
<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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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é
 
nikel sa marche merci beaucoup
0
Réponse 8 / 22
Profil bloqué
 
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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
tu fais pareil !!
0
Réponse 10 / 22
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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é
 
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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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é
 
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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
  
#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é
 
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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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é
 
lol oui sauf que maintenan tout ça ne se centre pas verticalement
0
Réponse 17 / 22
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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é
 
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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
???????????

TU AS DU MAL COPIE !

regarde le code de cette page exemple !! http://radservebeer.free.fr/demorad/centre/
0
Réponse 20 / 22
Oazar
 
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

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses