Bonjour !

Je suis nouveau dans le css alors je vous demanderais d'être indulgent ... je vous explique ce que j'essaie de faire:

Centrer un swf dans une page html, et autour de celle-ci mettre à cadre noir dans lequel je puisse intégrer des liens ect ect... Je sais bien que je pourrais faire des calques et des tableaux mais il s'agit uniquement de la première page d'un site que je me suis mis dans la tête de réaliser en xhtml et css ... d'abord pour apprendre, et ensuite pour être conforme... !

D'ailleurs je vous déteste c'est à cause de vous et de vos articles sur le site !
Smiley cligne ah ah ah

mon code html :

<!DOCTYPE xhtml PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
   
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
	</head>
   
  
   <body>

<object class="flash_swf" type="application/x-shockwave-flash" data="site.swf" width="950" height="700">
		<param name="movie" value="site.swf" />
		<param name="wmode" value="transparent" />
		<p>Problème de détection plugin Flash</p>
</object>


	</body> 
	
</html> 



Mon code css



body 
{ 
background-color: black;
}


.flash_swf 
{
position: relative;
margin-left: auto;
margin-right: auto;
width: 950 px;
      
 
    }



Mais ça ne marche pô ..... ! enfin, le centrage ... parce qu'àprès le cadre je ne sais pas trop comment m'y prendre !
Un élément object n'est pas une balise de type block, d'où le problème, width et margin:auto n'auront aucun effet.

Tu peux donc essayer de rajouter un display:block à ta classe flash_swf, mais la solution la plus sure serait de placer l'élément object dans un bloc (div par exemple) auquel tu applique cette classe.
Modifié par MrPatate (22 Sep 2006 - 13:50)