all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le mercredi 01 juillet 2009 à 08 h 25 par pompomp.

Bonjour,

j'ai une page (visible à cette adresse : http://localhost/explorandes/snow-capped-trek.html) avec un lecteur de 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 le lecteur 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 :

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

pour le css de la page html

#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; }

et pour le css du menu :

/*1st sub level menu*/ .jqueryslidemenu ul li ul{ z-index:10; position: absolute; left: 0; display: block; visibility: hidden; }

le problème je pense vient de l'objet car dans les autres pages, le sous-menu passe bien au dessus des textes et sur cette page-ci, il passe aussi au dessus du titre.

Merci d'avance pour vos indications

Frédéric

• participer

Message publié le mercredi 01 juillet 2009 à 10 h 16 par boulaneige. Le mauvais goût a son droit autant que le bon goût [Friedrich Nietzsche] - http://www.boulaneige.com

Salut,
Et en rajoutant ceci :

<param name="wmode" value="transparent" />

• participer

Message publié le mercredi 01 juillet 2009 à 18 h 57 par pompomp.

Salut, merci pour la réponse.
J'ai essayé de cette façon :

<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" /><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>

donc en rajoutant ce que tu m'as dit mais il n'y a pas de changement.

Fred

• participer

Message publié le mercredi 01 juillet 2009 à 20 h 23 par pompomp.

j'ai bien sur rajouté </param> après!

• participer

Message publié le mercredi 01 juillet 2009 à 20 h 28 par pompomp.

j'ai essayé aussi avec :
<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>

(ajout de style="z-index:2; position:relative;")

• participer

Message publié le jeudi 02 juillet 2009 à 19 h 35 par pompomp.

je viens de m'apercevoir que l'adresse citée plus haut n'est pas la bonne ! voici la bonne adresse pour voir de quoi je parle.
http://www.explorandes.com.ec/snow-capped-trek.html
Par contre, quelqu'un aurait une idée sur mon problème?

• participer

Message publié le mercredi 29 juillet 2009 à 20 h 16 par pompomp.

Bonjour,
je reviens vers ce problème que je n'ai toujours pas réussi à résoudre. Quelqu'un a une idée?

• participer

Message publié le mercredi 29 juillet 2009 à 21 h 31 par pompomp.

résolu :

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<p>Installez le plugin Flash pour voir l'animation : <a href="http://www.adobe.com/go/gntray_dl_getflashplayer_fr" title="LienPlugin">Cliquez ici pour le télécharger</a></p>
</object>

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.