Sujet Précédent Sujet Suivant

Cherche à centrer balise <iframe> (Twitch)

Fermé
Utilisateur anonyme - Modifié par KX le 23/05/2015 à 19:41
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 24 mai 2015 à 17:50
Bien le bonjour , je cherche à centrer ma balise <iframe> mais je n'y arrive pas , est ce que qq un pourrait m'aider SVP merci d'avance ^^

Voici l'html : 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Rocket.TV</title>
    <link rel="stylesheet" href="dry1.css" />
 </head>
<body>
  <div id="conteneur-menu2">
  <ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">Programme</a></li>
   <li><a href="#">Players</a></li>
   <li><a href="#">About us</a></li>
   <li><a href="#">Contact</a></li>
  </ul>
  
 </div>
   
   <div align="center"> <iframe class="player" src="[http://www.twitch.tv/dry_1/embed]" frameborder="0" scrolling="no" height="529" width="940"></iframe>
   <iframe class="chat" src="[http://www.twitch.tv/dry_1/chat?popout=]" frameborder="0" scrolling="no" height="529" width="340"></iframe></div>

  
 

 
 </body>
</html>

Voici le css : 
 @charset "UTF-8";
/* CSS Document */

body {
 margin: 0;
 padding: 0;
 font-family:'Abel', arial, serif; 
 text-transform: uppercase;
    background-image: url(white.jpg);
}

#conteneur-menu2 {
 height: 150px;
 width: 220px;
 padding-top: 50px;
 margin: 290px auto 0px auto;
}

#conteneur-menu2 ul {
 padding: 0;
 margin: 0;
 margin-left: 50px;
 float: left;
}

#conteneur-menu2 ul li {
 list-style: none;
 padding: 0px;
}

#conteneur-menu2 ul li a {
 text-decoration: none;
 font-size: 25px;
 padding: 4px;
 display: block;
 color: white;
 background: transparent;
 width: 230px;
 -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 20px;
}


#conteneur-menu2 ul li a:hover {
 background: #54B6A8;
 padding-left: 20px;
 width: 130px;
 -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}
#conteneur-menu2
{
  border:0;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
.lestream{
  
text-align:center;
 }

1 réponse

Réponse 1 / 1
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 24/05/2015 à 17:53
salut
<div align="center" ce n'est pas valide
fais plutot

css 
.player, .chat { 
margin: 0 auto;
}


Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
-1

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Utilisation des méthodes de manipulations du DOM
SelOua_2617 -
SelOua_2617 -

5 réponses
Faire sauter 2 lignes avec br (CSS)
Utilisateur anonyme -
banjopo -

1 réponse