Résolu [HTML] Iframe incontrôlable

Statut
N'est pas ouverte pour d'autres réponses.

224828564824821

Premium
Inscription
2 Janvier 2013
Messages
2 538
Réactions
985
Points
8 573
RGCoins
25
Salut !

Je suis entrain de faire un site, et j'ai besoin de déplacer un iframe (le tchat de Twitch) a côté d'un autre iframe d'un player connectcast.tv : le problème est que je n'arrive pas a déplacer l'iframe de Twitch.

Voici ce que je veut faire :



Voici ce que sa donne :



L'iframe du tchat Twitch est plus bas que celui du player.

Avez-vous une solution ? Merci :coeur:
 
Salut !

Je suis entrain de faire un site, et j'ai besoin de déplacer un iframe (le tchat de Twitch) a côté d'un autre iframe d'un player connectcast.tv : le problème est que je n'arrive pas a déplacer l'iframe de Twitch.

Voici ce que je veut faire :



Voici ce que sa donne :



L'iframe du tchat Twitch est plus bas que celui du player.

Avez-vous une solution ? Merci <3
Bonsoirs,

As-tu essayer de mettre d'abord le tchat de Twitch en "float: left;" puis ensuite mettre ta div ou se que tu veux ?

Cordialement,
Westiix
 
Bonsoirs,

As-tu essayer de mettre d'abord le tchat de Twitch en "float: left;" puis ensuite mettre ta div ou se que tu veux ?

Cordialement,
Westiix
Oui mais cela n'as rien fait. Je te passe le code si tu peut voir ou est le problème :
HTML:
  <div class="container">
        <iframe width="800" height="800" scrolling="no" src="http://connectcast.tv/embed/chaine" frameborder="0" allowfullscreen></iframe>
        <iframe src="http://www.twitch.tv/chaine_tchat/chat?popout=" frameborder="0" scrolling="no" height="500" width="350" style="float:right"></iframe></div>
 
Oui mais cela n'as rien fait. Je te passe le code si tu peut voir ou est le problème :
HTML:
  <div class="container">
        <iframe width="800" height="800" scrolling="no" src="http://connectcast.tv/embed/chaine" frameborder="0" allowfullscreen></iframe>
        <iframe src="http://www.twitch.tv/chaine_tchat/chat?popout=" frameborder="0" scrolling="no" height="500" width="350" style="float:right"></iframe></div>

Possible d'avoir l'intégralité du code (ta fenetre où y aura ton stream + le tchat) ?
Je vais voir se que j'arrive à faire ^^ .
 
Possible d'avoir l'intégralité du code (ta fenetre où y aura ton stream + le tchat) ?
Je vais voir se que j'arrive à faire ^^ .
Voilà :)
HTML:
<!DOCTYPE html>
<html>
<head>
    <title>Lives de Clash Of Jacky</title>

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
   <![endif]-->
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Activer la navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand">Lives de Clash Of Jacky</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="http://www.clashofjacky.esy.es">Live (site 1)</a></li>
                    <li class="active"><a href="http://www.clashofjacky2.esy.es">Live (site 2)</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="jumbotron">
        <div class="container">
            <h1>Les streams de Clash Of Jacky</h1>

        <hr />

      </div>
      <div class="container">
        <iframe width="800" height="800" scrolling="no" src="http://connectcast.tv/embed/clashofjacky" frameborder="0" allowfullscreen></iframe>
        <iframe src="http://www.twitch.tv/clashofjacky_tchat/chat?popout=" frameborder="0" scrolling="no" height="500" width="350" style="float:right"></iframe></div>

        <div class="container">
        <footer>
            <h6>&copy; Code original par Wayz, modifications par Capsule.</h6>
        </footer>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>

</body>
 
Salut,

Vu que tu utilise bootstrap tu peux utiliser ce code
HTML:
<div class="row">
<div class="col-md-8">

</div>
<div class="col-md-4">

</div>
</div>
Plus d'infos ici =>
 
Cette réponse a aidé l'auteur de cette discussion !
Salut,

Vu que tu utilise bootstrap tu peux utiliser ce code
HTML:
<div class="row">
<div class="col-md-8">

</div>
<div class="col-md-4">

</div>
</div>
Plus d'infos ici =>
Merci Fara :)
 
Salut,
J'ai déplacé http://reality-gaming.fr/attachments/deplacement-png.20319/ ta discussion en section Résolu. http://reality-gaming.fr/attachments/verifier-png.20313/

Bonne journée,
Whyouuu
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut