Mise en page /inversion d'emplacement

Résolu
valttt Messages postés 299 Date d'inscription   Statut Membre Dernière intervention   -  
 valttt -
Bonjour,

Je ne comprends pas pourquoi mes titres <p> passe sous mes videos <iframe>, alors qu'ils devraient-être au dessus..
Même avec un order, le problème reste identique.
J'utilise Bootstrap 4.

<div class="row">
<div class="col-lg-6 text-center embed-responsive embed-responsive-16by9">
<p class="order-1">Titre 1</p>
<iframe class="embed-responsive-item order-2" src="............" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

<div class="col-lg-6 text-center embed-responsive embed-responsive-16by9">
<p class="order-1">Titre 2</p>
<iframe class="embed-responsive-item order-2" src="............" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</body>
</html>


Merci pour votre aide.

Configuration: Windows / Firefox 70.0
A voir également:

4 réponses

Bryx Messages postés 223 Date d'inscription   Statut Membre Dernière intervention   141
 
Hello,

Je pense que ton problème vient du titre, sort le du DIV et met le juste avant voir si cela règle ton souci.
0
Brice
 
<p class="order-1">Titre 1</p>
ça ressemble pas à un titre ça, plutôt un paragraphe de texte!

Je trouve curieux d'utiliser des div, encore pour les iframes ça peut passer (mais bon est ce bien utile?).
Ceci devrais pouvoir vous renseigner un peu:
http://monbootstrap.fr/mettre-en-avant-du-texte-bootstrap/
0
valttt
 
Bonjour et merci pour votre aide.

Si j'ai mis mon titre dans ma div, c'est pour qu'il soit lié avec la vidéo dans le même bloc.
Le titre est effectivement un paragraphe mais c'est le titre de ma vidéo qui doit-être affiché au dessus de celle-ci.

S'il ne faut pas utiliser de div, alors que faut-il utiliser (je savais que les titre était marqués par la balise H mais dans mon cas, ce n'est pas un titre de paragraphe ;-) ).
0
Bryx Messages postés 223 Date d'inscription   Statut Membre Dernière intervention   141
 
Est-il possible d'avoir le lien vers le site internet avec le souci svp ?
0
valttt
 
Désolé, je suis en localhost...
Je n'arrive pas à charger une image.
0
valttt Messages postés 299 Date d'inscription   Statut Membre Dernière intervention   15
 
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Pas testé.. mais perso je ferai un truc du genre
<div class="col-lg-6 text-center">
  <span>Titre 2</span>
  <div class="col-md-12 text-center embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item order-2" src="............" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>
</div>

0
valttt
 
Merci, ça fonctionne bien en sortant de la div mon titre.
Merci encore à tous pour votre aide :-)
0