Centrer balise div (playlist deezer)

Fermé
djfou11 - 18 mars 2008 à 11:30
glabok Messages postés 131 Date d'inscription samedi 4 août 2007 Statut Membre Dernière intervention 24 avril 2020 - 18 mars 2008 à 11:55
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://cdn-files.deezer.com/swf/kamino-v15.swf?sl=1&cs=0&path=7027514&lang=FR&colorBackground=0x525252&colorButtons=0xDDDDDD&textColor1=0xFFFFFF&textColor2=0xCCCCCC&autoplay=0&autoShuffle=1&id=1710402"></param><embed src="http://cdn-files.deezer.com/swf/kamino-v15.swf?sl=1&cs=0&path=7027514&lang=FR&colorBackground=0x525252&colorButtons=0xDDDDDD&textColor1=0xFFFFFF&textColor2=0xCCCCCC&autoplay=0&autoShuffle=1&id=1710402" type="application/x-shockwave-flash" width="180" height="220"></embed></object><a href="https://www.deezer.com/fr/" 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

2 réponses

IdleMan Messages postés 243 Date d'inscription jeudi 17 janvier 2008 Statut Membre Dernière intervention 25 juin 2012 60
18 mars 2008 à 11:52
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 ;
0
glabok Messages postés 131 Date d'inscription samedi 4 août 2007 Statut Membre Dernière intervention 24 avril 2020 40
18 mars 2008 à 11:55
<div style="width:180px;height:236px;margin-left:auto;margin-right:auto;">
      <object width="180" height="220">
               <param name="movie" value="https://www.deezer.com/fr/"></param>
               <embed src="https://www.deezer.com/fr/" type="application/x-shockwave-flash" width="180" height="220"></embed>
       </object>
       <a href="https://www.deezer.com/fr/" 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.
0