Pb avec video youtube sur un site
pompomp
Messages postés
17
Statut
Membre
-
pompomp Messages postés 17 Statut Membre -
pompomp Messages postés 17 Statut Membre -
Bonjour,
voilà mon petit problème : j'ai une page (visible à cette adresse : http://www.explorandes.com.ec/snow-capped-trek.html) avec une video youtube. Le problème est qu'en faisant défiler le menu (ex : Galapagos travels/ Galapagos Cruises/Deluxe), le menu s'affiche derrière la vidéo et moi j'aimerai qu'il soit au 1er plan. Voilà ce que j'ai fait, mais ça ne marche pas :
pour la page html :
[code]
<div id="contentarea">
<div id="leftbar">
<div class="entry">
<h1 align="center"><a href="./snow-capped-trek.html" title="Snow Capped Trek">Snow Capped Trek </a></h1><br />
<p align="center"><strong><em>(5 Days / 4 Nights)</em></strong></p><br />
<p align="center">
<object width="425" height="344" style="position:relative; z-index:0;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
</p>
</div></div></div>
/code
pour le css de la page html :
[code]
#contentarea {
/*clear:both;*/
margin-top:25px;
background-image: url(../images/1by1.gif);
background-repeat: repeat-y;
background-position: 540px;
}
#leftbar {
float:left;
width:539px;
}
#leftbar .entry{
font-family:"Trebuchet MS";
font-size:12px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding:0px 40px;
padding-bottom: 14px;
}
/code
pour le css du menu :
[code]
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
z-index:10;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
/code
j'ai aussi essayé avec :
[code]
<object width="425" height="344" style="position:relative; z-index:2;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent" /></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
/code
et
[code]
<embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344" style="z-index:2; position:relative;"></embed>
/code
(ajout de style="z-index:2; position:relative;"), mais rien de tout cela n'a fonctionné!
si quelqu'un a une idée , je suis preneur!
Merci d'avance,
Fred
voilà mon petit problème : j'ai une page (visible à cette adresse : http://www.explorandes.com.ec/snow-capped-trek.html) avec une video youtube. Le problème est qu'en faisant défiler le menu (ex : Galapagos travels/ Galapagos Cruises/Deluxe), le menu s'affiche derrière la vidéo et moi j'aimerai qu'il soit au 1er plan. Voilà ce que j'ai fait, mais ça ne marche pas :
pour la page html :
[code]
<div id="contentarea">
<div id="leftbar">
<div class="entry">
<h1 align="center"><a href="./snow-capped-trek.html" title="Snow Capped Trek">Snow Capped Trek </a></h1><br />
<p align="center"><strong><em>(5 Days / 4 Nights)</em></strong></p><br />
<p align="center">
<object width="425" height="344" style="position:relative; z-index:0;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
</p>
</div></div></div>
/code
pour le css de la page html :
[code]
#contentarea {
/*clear:both;*/
margin-top:25px;
background-image: url(../images/1by1.gif);
background-repeat: repeat-y;
background-position: 540px;
}
#leftbar {
float:left;
width:539px;
}
#leftbar .entry{
font-family:"Trebuchet MS";
font-size:12px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding:0px 40px;
padding-bottom: 14px;
}
/code
pour le css du menu :
[code]
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
z-index:10;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
/code
j'ai aussi essayé avec :
[code]
<object width="425" height="344" style="position:relative; z-index:2;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent" /></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
/code
et
[code]
<embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344" style="z-index:2; position:relative;"></embed>
/code
(ajout de style="z-index:2; position:relative;"), mais rien de tout cela n'a fonctionné!
si quelqu'un a une idée , je suis preneur!
Merci d'avance,
Fred
Configuration: Windows XP FF3
5 réponses
-
Perso j'aurai essayé de mettre le menu en position: absolute; même si je crois que tu avais déjà essayé (pas vérifié)...
-
merci d'avoir essayé! mais oui le menu est déjà en position absolute. D'autres suggestions? en cas de besoin, si quelqu'un est intéressé, je peux envoyer les pages par mail
-
As tu essayé d'enlever les paramètres de style de la vidéo ? Peut être que c'est ce qui empêche ton position: absolute; de fonctionner...
-
Merci mais pas mieux... ! je commence à déprimer! C'est le dernier truc qui cloche et là je cale complètement.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -