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

Thedestr0ye -  
 Thedestr0ye -
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
 
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
 
C'est à dire? Désoler je suis débutant en HTML c'est mon tout 1er site.
0
JwTdd
 
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
 
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
 
<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
 
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
 
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
 
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