Rechercher : dans
Par :

Centrer balise div (playlist deezer)

Dernière réponse le 18 mar 2008 à 11:55:07 djfou11, le 18 mar 2008 à 11:30:32 
 Signaler ce message aux modérateurs

Bonjour,

Voilà j'ai un gros problème, deviner ou? sur firefox... Firefox est le meilleur je vous l'accorde, c'est internet explorer qui merde mais malgré tout je n'arrive pas à centré ma playlist Deezer qui se trouve dans un balise div.

Voici le code fournis pour ma playlist :

<div style="width:180px;height:236px;"><object width="180" height="220"><param name="movie" value="http://www.deezer.com/..."></param><embed src="http://www.deezer.com/..." type="application/x-shockwave-flash" width="180" height="220"></embed></object><a href="http://www.deezer.com" style="border:none;margin:0;padding:0;"><img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0 auto;padding:0;" /></a></div>

Comment faire pour qu'elle soit centré sous firefox? j'ai cherché et cherché mais tout le monde me parle de CSS alors que moi c'est du pur html. Si quelqu'un pouvait m'aider.

Merci beaucoup d'avance pour vos j'espère vos futurs réponses

Configuration: Windows XP
Firefox 2.0.0.12

Meilleures réponses pour « Centrer balise div (playlist deezer) » dans :
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Les unités dans les feuilles de style (CSS) VoirLes boîtes Les balises DIV définissent des blocs d'éléments. Il s'agit d'une structure privilégiée pour définir des boîtes telles que des menus ou des encarts. Le standard CSS propose un certain nombre de propriétés permettant de contrôler...

1

IdleMan, le 18 mar 2008 à 11:52:13

En pure html c'est <div align="center"> c'est le plus simple mais ça passe pas au validateur w3c , en css il faut jouer avec la position :
position : "absolute";
left: nombredepixel px ;
top: nombredepixe px ;

Répondre à IdleMan

2

 glabok, le 18 mar 2008 à 11:55:07

<div style="width:180px;height:236px;margin-left:auto;margin-right:auto;">
      <object width="180" height="220">
               <param name="movie" value="http://www.deezer.com/..."></param>
               <embed src="http://www.deezer.com/..." type="application/x-shockwave-flash" width="180" height="220"></embed>
       </object>
       <a href="http://www.deezer.com" style="border:none;margin:0;padding:0;">
               <img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0 auto;padding:0;" />
        </a>
</div> 


j'ai rajouté "margin-left:auto;margin-right:auto;" dans l'attribut style du div parent.
Et effectivement c'est du CSS.

Répondre à glabok