Sujet Précédent Sujet Suivant

Mettre un texte à droite d'une vidéo Youtube html5 (Iframe)

Fermé
Thedestr0ye - Modifié par Thedestr0ye le 17/03/2013 à 05:05
 Thedestr0ye - 17 mars 2013 à 23:55
Bonjour,

Donc voilà j'aimerais mettre du texte à droite d'un vidéo qui est sur mon site en iframe. Le texte se place toujours en dessous de la vidéo je comprend pas pourquoi. Voilà ou le texte se place et ou j'aimerais le placé:
http://img834.imageshack.us/img834/7972/helpxf.png

Voici le code html: 
    <div id="work" class="page"> 
     <div class="left1"> 
      <h3><a href="#">Day 1</a></h3> 
      <object  class="video" width="400" height="300"><param name="movie" value="http://www.youtube.com/v/DDusCIZfPf4?version=3&hl=fr_FR&autoplay=1&rel=0&showsearch=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DDusCIZfPf4?version=3&hl=fr_FR&autoplay=1&rel=0&showsearch=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object> 
     </div> 
      <table style='width:100%;'> 
      <tr><td style='text-align:right;'>texte de droite</td></tr> 
      </table>  
    </div>

et le code css: 
#work h3 { 
 clear: left; 
}


Merci d'avances
Cordialement,
Thedestr0ye
A voir également:

4 réponses

Réponse 1 / 4
JwTdd
Modifié par JwTdd le 17/03/2013 à 05:19
Bonjour, le mieux serait un tableau à deux colonnes avec l'objet embeded dans la colonne 1 et le texte dans la colonne 2.
0
Réponse 2 / 4
Thedestr0ye
17 mars 2013 à 06:41
C'est à dire? Désoler je suis débutant en HTML c'est mon tout 1er site.
0
JwTdd
17 mars 2013 à 12:12
Un tableau comme celui-ci pourrait suffire
<table>
<tr>
<td >ton lien youtube</td>
<td >texte de droite</td>
</tr>
</table>

Mais le problème c'est que tu utilise également un code CSS autre que celui écrit puisque ton aperçu montre mise en forme qui n'est pas uniquement due au CSS cité auquel cas il faudrait mettre le texte dans la couche à droite de "left1"
0
Réponse 3 / 4
Thedestr0ye
17 mars 2013 à 17:21
Oui j'utilise aussi du jQuery. Grâce a ton code mon texte est maintenant en bas à droite mais j'aimerais qu'il soit en haut comment faire ?

PS: j'ai enlever le div = left1 se qui donne ceci: 
						<h3><a href="#">Day 1</a></h3>
						<table>
						<tr>
						<td><object  class="video" width="400" height="300"><param name="movie" value="http://www.youtube.com/v/DDusCIZfPf4?version=3&amp;hl=fr_FR&autoplay=1&rel=0&showsearch=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DDusCIZfPf4?version=3&amp;hl=fr_FR&autoplay=1&rel=0&showsearch=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
						<td>texte de droite</td>
						</tr>
						</table>
0
JwTdd
17 mars 2013 à 17:36
<td VALIGN =TOP >texte de droite</td>

pour d'autres attribut comme VALIGN => http://www.commentcamarche.net/contents/html/htmltable.php3
0
Réponse 4 / 4
Thedestr0ye
Modifié par Thedestr0ye le 17/03/2013 à 20:31
Mon texte n'a pas bougé :/ 
<table>
<tr>
<td><object  class="video" width="400" height="300"><param name="movie" value="http://www.youtube.com/v/DDusCIZfPf4?version=3&amp;hl=fr_FR&autoplay=1&rel=0&showsearch=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DDusCIZfPf4?version=3&amp;hl=fr_FR&autoplay=1&rel=0&showsearch=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
<td VALIGN =TOP >texte de droite</td>
</tr>
</table>
0
margul
17 mars 2013 à 20:49
Hmm VALIGN ne s'emploie pas comme ça.

Ce qui vous manque c'est de maîtriser HTML. C'est avec HTML que vous faites vos alignements, centrage et positionnement. en fait non, HTML permet de faire les blocs(ou conteneurs, je parle de chaque balise) et c'est CSS qui permet de faire le positionnement, mise en page, et de rendre la page plus jolie (image de fond , couleurs, cadres...).

Donc continuez d'apprendre HTML, en tout cas connaître une 40aine des balises les plus employées et passez au CSS qui est complémentaire à HTML et exaucera tout vos souhaits.
0
Thedestr0ye
Modifié par Thedestr0ye le 17/03/2013 à 23:56
J'ai réussie mais je voulais vous demandé si c'est dérangeant de mettre le "test" sans balise? 
    <div id="work" class="page"> 
      <h3>Day 1</h3> 
      <object  class="video" width="400" height="300" style="vertical-align:top; margin-right:5px;"> 
      <param name="movie" value="http://www.youtube.com/v/DDusCIZfPf4?version=3&hl=fr_FR&autoplay=1&rel=0&showsearch=0"> 
      </param> 
      <param name="allowFullScreen" value="true"> 
      </param> 
      <param name="allowscriptaccess" value="always"></param> 
      <embed src="http://www.youtube.com/v/DDusCIZfPf4?version=3&hl=fr_FR&autoplay=1&rel=0&showsearch=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed> 
      </object> 
      test 
    </div>
0

Discussions similaires

Tubidy télécharger gratuitement des vidéos sur Youtube ou Myspace
Peyton 5 -
Jackson -

10 réponses