Positionner le texte à coté d'une vidéo

[Pro_info]

Bonjour étant en train de créé une page d'accueil avec différents éléments, (je n'ai pas choisis de mod phpbb3 pour le faire), je cherche à placer le texte à droite d'une vidéo mais je ne connais pas le code qu'il faut en XML.

J'ai effectué quelques petites recherche où j'ai pus trouver ceci "style="float: right;" mais je n'ai pas trop compris le positionnement avec les div ... et par ailleur les questions à ce propos ne sont pas très répandues.
Quel est donc la façon de procéder ?
code actuel

Code : Tout sélectionner

<div class="panel">
<h2>Trackmania² Canyon</h2>
   <div class="inner">
   <div class="content">
      <p>
		Une petite vidéo de Trackmania² Canyon. <br />Par ailleur nous rappellons que la Team ne s'étend pas "encore" sur tm².
		<script type="text/javascript" src="http://www.tm-tube.com/js/embed.js.php?id=25863"></script>
      </p>
   </div>
   <span class="corners-bottom"><span></span></span></div>
</div>

merci à vous

[Steph]

Salut,

Déjà tu as les balises <p> qui ne servent à rien et ensuite tu ne donne pas le css

Peut être pas la meilleur solution mais je verrai ça comme ça

Code : Tout sélectionner

<div style="width: 710px; height: 300px;">
	<div style="width: 480px; float: left;">
		<script type="text/javascript" src="http://www.tm-tube.com/js/embed.js.php?id=25863"></script>
	</div>
	<div style="width: 225px; float: right;">
		Une petite vidéo de Trackmania² Canyon. <br />Par ailleur nous rappellons que la Team ne s'étend pas "encore" sur tm².
	</div>
</div>

A toi d'adapter selon tes besoins je dirai même que c'est mieux d'utiliser les class css

[Pro_info]

merci de ta réponse mais sa n'as pas l'air d'être terrible >< ça oblige à mettre une taille fixe ce que je n'aime pas trop.
je vais essayer à partir du code que tu m'avais donné pour l'integration de l'horloge dans le qui est en ligne http://www.phpbb-assistance.com/horloge-t670-20.html

[Steph]

Tu n'auras pas trop le choix des tailles fixe à moins d'utiliser un tableau avec des %

[Pro_info]

ça fonctionne parfaitement bien
sur ma page :

Code : Tout sélectionner

<div class="panel">
<h2>Trackmania² Canyon</h2>
	<div class="content">
		<div id="video">
			<script type="text/javascript" src="http://www.tm-tube.com/js/embed.js.php?id=25863"></script>
		</div>
		<div id="texte">
			&nbsp;Une petite vidéo de Trackmania² Canyon.<br />&nbsp;Par ailleur nous rappellons que la Team ne s'étend pas "encore" sur tm².
		</div>
	</div><br />
</div>

dans le colours.css :

Code : Tout sélectionner

#video {
   float: left;
}

#texte {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #663300;
	font-size: 12px;
	margin: 30px;
}

petit screen :

dernier petit soucis à présent comment je peux faire pour décaler le texte légèrement à droite pour éviter d'avoir à mettre &nbsp; au début de chaques lignes ?
merci

[EnYgmA]

Teste en mettant un margin-left: 10px; pour voir


Envoyé depuis IPhone ...

[Pro_info]

nikel sa marche merci à vs 2
ps : j'ai du mettre par contre 480px comme il y'a la vidéo devant.

[EnYgmA]