[RÉGLÉ] Inserrer 2 videos sur la même ligne horizontale

[faver]

Bonjour,
J'utilise JOOMLA 3 et l'éditeur JCE;
Je souhaiterais mettre deux videos côte à côte sur la même ligne dans un article.
Les deux videos s'intègrent bien et les "espaces" de ces deux videos sont bien positionnés dans l'éditeur (carrés jaunes" côte à côte)
Mais quand je passe sur le site, les deux videos sont l'une en dessous de l'autre.
Je mets le code ci-dessous; Les dimensions des videos sont telles qu'elles ne dépassent pas la largeur de la page et il n'y a pas de retour à la ligne entre les deux videos uniquement un "blanc".

<p>
<video src="images/videos/repetition nov 2014.mp4" width="255" height="190" type="video/mp4"></video>
<span>&nbsp;</span>
<video src="images/videos/repetition dec 2014.mp4" width="255" height="190" type="video/mp4"></video>
</p>
<p>&nbsp;</p>

Merci de m'aider à résoudre ce problème car je suis novice dans l'utilisation de joomla

Michel

[toffffe]

Re : Inserrer 2 videos sur la même ligne horizontale

Salut
Ton template utilise t'il bootstrap ou un autre frameworks, car si c'est le cas il faut utiliser le colonage du framework

[faver]

Re : Inserrer 2 videos sur la même ligne horizontale

Salut
Ton template utilise t'il bootstrap ou un autre frameworks, car si c'est le cas il faut utiliser le colonage du framework

Mon template est "protostar" j'espère que cela répond à ta question
Michel

[toffffe]

Re : Inserrer 2 videos sur la même ligne horizontale

Donc tu peux suivre cette procédure http://getbootstrap.com/css/ au niveau de "Example: Stacked-to-horizontal"

[jisse03]

Re : Inserrer 2 videos sur la même ligne horizontale

Bonjour,

Bootstrap ou pas, il y a un moyen simple:

<p style="width:49%; float:left;">
 <video src="images/videos/repetition nov 2014.mp4" width="255" height="190" type="video/mp4"></video>
</p> 
 <p style="width:49%; float:right;"><video src="images/videos/repetition dec 2014.mp4" width="255" height="190" type="video/mp4"></video>
 </p>

par exemple.

En utilisant le float, que ce soit avec BS ou en simple XHTML ou HTML5, ça passe, y compris sur des smartphones

[faver]

Re : Inserrer 2 videos sur la même ligne horizontale

Bonjour,

Bootstrap ou pas, il y a un moyen simple:

<p style="width:49%; float:left;">
 <video src="images/videos/repetition nov 2014.mp4" width="255" height="190" type="video/mp4"></video>
</p> 
 <p style="width:49%; float:right;"><video src="images/videos/repetition dec 2014.mp4" width="255" height="190" type="video/mp4"></video>
 </p>

par exemple.

En utilisant le float, que ce soit avec BS ou en simple XHTML ou HTML5, ça passe, y compris sur des smartphones

Bonjour,
Merci à toffffe et à jisse03 pour vos réponses
J'ai appliqué avec succès la solution de jisse03 et mes deux videos sont bien positionnées;