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

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Verrouillé
     
Avatar du membre

Auteur du sujet
Pro_info
Messages : 357
Enregistré le : avril 2011
Contact :

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

Message par Pro_info » mer. 28 déc. 2011 13:17

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.
Image
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

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10819
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

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

Message par Steph » mer. 28 déc. 2011 14:38

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

Avatar du membre

Auteur du sujet
Pro_info
Messages : 357
Enregistré le : avril 2011
Contact :

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

Message par Pro_info » mer. 28 déc. 2011 15:19

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

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10819
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

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

Message par Steph » mer. 28 déc. 2011 15:28

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

Avatar du membre

Auteur du sujet
Pro_info
Messages : 357
Enregistré le : avril 2011
Contact :

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

Message par Pro_info » mer. 28 déc. 2011 16:23

ç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 :
Image
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

Avatar du membre

EnYgmA
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 8643
Enregistré le : avril 2010
Hébergeur(s) : Monarobase
Localisation : Lyon
Contact :

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

Message par EnYgmA » mer. 28 déc. 2011 17:32

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


Envoyé depuis IPhone ...
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit - Forum informatique

Avatar du membre

Auteur du sujet
Pro_info
Messages : 357
Enregistré le : avril 2011
Contact :

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

Message par Pro_info » mer. 28 déc. 2011 19:12

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

Avatar du membre

EnYgmA
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 8643
Enregistré le : avril 2010
Hébergeur(s) : Monarobase
Localisation : Lyon
Contact :

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

Message par EnYgmA » mar. 1 mai 2012 09:07

:clin:
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit - Forum informatique

Verrouillé
  • Sujets similaires
    Réponses
    Vues
    Dernier message

Retourner vers « Support Styles phpBB3 »