Problème centrer objet Flash.

Résolu/Fermé
Blitz - 4 janv. 2011 à 19:36
 Blitz - 4 janv. 2011 à 20:10
Bonjour,


Voila j'ai un petit souci, j'ai voulu intégrer une galerie Flash sur le site que je suis entrain de refaire, le problème c'est que je n'arrive absolument pas a recentrer le bloc. Si quelqu'un a une solution je suis preneur.

Voici le code de la page html.

<!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" dir="ltr" lang="en-US" xml:lang="fr">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Galerie</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "window";
var attributes = {};
swfobject.embedSWF("CircularGalleryFX.swf", "CircularGalleryFXDiv", "600", "600", "9.0.0", false, flashvars, params, attributes);
</script>

<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name"><a href="#"></a></h1>
<div id="slogan-text" class="art-logo-text"></div>
</div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Accueil</span></a>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t">Présentation</span></a>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t"></span></a>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t"></span></a>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t"></span></a>
<ul>
<li><a href="#">C</a></li>
<li><a href="#"></a></li>
<li><a href="#"> </a></li>
</ul>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t">Galerie et Liens</span></a>
<ul>
<li><a href="#">Galerie</a></li>
<li><a href="#">Liens</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
<li>
</li>
</ul>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content">
<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">
Présentation
</h2>
<div class="art-postcontent">
<!-- article-content -->


<p><H1>L'Antiquité tardive</H1>
<div id="CircularGalleryFXDiv">











</span>

<div class="art-content-layout overview-table">
<div class="art-content-layout-row">
<div class="art-layout-cell"></div><!-- end cell -->
<div class="art-layout-cell"></div><!-- end cell -->
<div class="art-layout-cell"></div><!-- end cell -->
</div><!-- end row -->
</div><!-- end table -->

<!-- /article-content -->
</div>
<div class="cleared"></div>
</div>



<div class="cleared"></div>
</div>


</div>
</div>
</div>
</div>
<div class="cleared"></div><div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-l"></div>
<div class="art-footer-b"></div>
<div class="art-footer-r"></div>
<div class="art-footer-body">
<div class="art-footer-text">
<p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
| <a href="#">Privacy Statement</a><br />
Copyright © 2010 ---. All Rights Reserved.</p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"></p>
</div>

</body>
</html>

A voir également:

3 réponses

Zero_hp Messages postés 132 Date d'inscription lundi 13 décembre 2010 Statut Membre Dernière intervention 29 janvier 2011 17
4 janv. 2011 à 20:00
bonjour,

j'ai cherché mais j'ai pas trouvé de trace de flash dans ta page ? o_O
0
Squel8 Messages postés 322 Date d'inscription jeudi 1 avril 2010 Statut Membre Dernière intervention 30 août 2024 103
Modifié par Squel8 le 4/01/2011 à 20:03
il y a moyen oui, tu rajoute dans les balise <head></head>

<style type="text/css">
<!--
#CircularGalleryFXDiv {
margin-left: 25%;
}
-->
</style>

mais bon ce n'est pas terrible
0
Impeccable merci.
0