Les Allergies
Alimentaires
Posez votre question Signaler

Centrer un flash dans un site web [Résolu]

bboygiz 439Messages postés 4 novembre 2008Date d'inscription 21 juin 2011Dernière intervention - Dernière réponse le 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 ?
Lire la suite 

Centrer un flash dans un site web »

23 réponses
Réponse
+1
moins plus
<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é
Ajouter un commentaire
Réponse
+1
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
non sa me l'aligne horizontalement mais pas verticalement
Ajouter un commentaire
Réponse
+0
moins plus
tu peut me mettre le scipte de ton animation flash
Ajouter un commentaire
Réponse
+0
moins plus
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="720" height="576"></embed>
</object>
Ajouter un commentaire
Réponse
+0
moins plus
tu donne un id a ton anime exemple id="flash"

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" 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+
Ajouter un commentaire
Réponse
+0
moins plus
nikel sa marche merci beaucoup
Ajouter un commentaire
Réponse
+0
moins plus
ah oui j'oublier je voudrais mettre aussi un bouton flash en dessous pour entrer dans le site.
Ajouter un commentaire
Réponse
+0
moins plus
tu fais pareil !!
Ajouter un commentaire
Réponse
+0
moins plus
tu fais pareil !!

mais tu ne fais pas le margin-top ni le top pour qu il ce mette en dessous de l autre !
Ajouter un commentaire
Réponse
+0
moins plus
lol j'ai fait pareil le seul souci c'est que le bouton se met dans l'animation flash
RAD ZONE- 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 !
Ajouter un commentaire
Réponse
+0
moins plus
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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="720" height="576" id="flash"></embed>
</object><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="32" height="32" id="flash"></embed>
</object>
</body>
</html>
Ajouter un commentaire
Réponse
+0
moins plus
#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
Ajouter un commentaire
Réponse
+0
moins plus
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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="720" height="576" id="flash"></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" id="flash2" bgcolor="#000000"></embed>
</object>
</body>
</html>
Ajouter un commentaire
Réponse
+0
moins plus
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://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width=
  "720" height="576">
    <embed src="animation flash entrée.swf" quality="high" pluginspage=
    "http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="720"
    height="576" /><br />
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=
    "http://download.macromedia.com/pub/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=
      "http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor=
      "#000000" />
    </object>
  </div>
</body>
</html>
Ajouter un commentaire
Réponse
+0
moins plus
lol oui sauf que maintenan tout ça ne se centre pas verticalement
Ajouter un commentaire
Réponse
+0
moins plus
a si je t affirme que la div flash est entierement centree !! et quelque soit la resolution de l ecran visiteur !!!
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
???????????

TU AS DU MAL COPIE !

regarde le code de cette page exemple !! http://radservebeer.free.fr/demorad/centre/
Ajouter un commentaire
Réponse
+0
moins plus
Et pourquoi tu ne mets pas le bouton dans le même swf que l'intro, ?? ca t'éviterait tous ces soucis de code...
Ajouter un commentaire
Ce document intitulé « centrer un flash dans un site web » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
centrer un flash dans un site web - page 2