Comment mettre deux images côte à côte

J'ai essayé plusieurs codes, comme celui-ci:

<div class="box"><iframe src="https://embed.spotify.com/?uri=spotify:user:1290230929:playlist:6nTIVNGZfnZ4urUiwHIgpT" 
                         frameborder="0" 
                         scrolling="no" 
                         width="100%" 
                         height="512" 
                         align="left"> </iframe> </div>
<div class="box"><iframe src="https://embed.spotify.com/?uri=spotify:user:1285279066:playlist:56KI83cMiMTOocIdXq2R5j" 
                         frameborder="0" 
                         scrolling="no" 
                         width="100%" 
                         height="512" 
                         align="right">
    </iframe>

Et il ne fonctionne pas de côté par côté, si quelqu'un peut résoudre ce problème pour moi, merci.

OriginalL'auteur user3521680 | 2014-05-19

  1. 6

    Ici vous allez. utiliser float en div ceci est fondamental de bien vouloir utiliser la recherche avant de poster la prochaine fois.

    HTML:

    <div class="box"><iframe src="https://embed.spotify.com/?uri=spotify:user:1290230929:playlist:6nTIVNGZfnZ4urUiwHIgpT" frameborder="0" scrolling="no" width="100%" height="512" align="left"> </iframe> </div>

<div class="box">    <iframe src="https://embed.spotify.com/?uri=spotify:user:1285279066:playlist:56KI83cMiMTOocIdXq2R5j" frameborder="0" scrolling="no" width="100%" height="512" align="right">
    </iframe>

    CSS:

    .box{
    float:left;
    margin-right:20px;
}
.clear{
    clear:both;
}

    http://jsfiddle.net/E5WFT/

    OriginalL'auteur Daniel Euchar

  2. 3

    1. Supprimer width="100%" de l'iframe.

    2. Changement align="right" à align="left" sur la deuxième iframe si vous voulez complètement à côté.

    3. Ajouter cette CSS:

    .box { display:inline-block; }

    DÉMO

    Encore les boîtes ne sont pas couvrant 100% de la largeur. C'est comme il y a un invisible boîte sur la droite.

    OriginalL'auteur Daniel Lisik

  3. 1

    Problèmes sont ici :

    Comment mettre deux images côte à côte

    Pourquoi width 100% ? et pourquoi dans div ? ( de cette façon , ils ne seront jamais à côté :-))

    Essayez ceci :

    http://jsbin.com/hirirazu/3/edit

    Comment mettre deux images côte à côte

    OriginalL'auteur Royi Namir

  4. 0

    Il ne peut pas travailler où la largeur est de 100%, qui indique que la largeur de l'iframe est de 100% du corps. Aussi, ne pas utiliser de styles en ligne si possible que beaucoup d'entre eux sont ou seront supprimées.

    OriginalL'auteur Sam Denton