Discussion :

[laurentSc]

Bonjour, j'intègre sur mon site des vidéos Youtube, mais malgré mes efforts, elles masquent le menu.

Voici mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<nav>
<ul class="menu">
...
	<li><a href="#">Vidéos</a>
			<ul>
				<li><a href="#" class="plus">Saison 2013/2014</a>
					<ul class="col_2 col2_video_decal">
						<li><a href="../video_finale_cpf_2014/video_finale_cpf_2014.php">Finale coupe de France 2014</a></li>
						<li><a href="../thomas/thomas.php">Thomas Dubois dans le Vercors</a></li>
						<li><a href="../video_hauts_plateaux_2014/video_hauts_plateaux.php">Diaporama rando hauts plateaux Vercors (20-21/09)</a></li>
						<li><a href="../video_pre_grandu/video_dailymotion.php">rando hauts plateaux Vercors (20-21/09)</a></li>
	                                        <li><a href="../video_muco_roue_14/video_dailymotion.php">muco_roue 2014 (27-28/09)</a></li>	
					</ul>
                                </li>
...
</nav>
 
 
<section>
<article id="article0" class="recul">
<iframe width="560" height="315" src="http://www.youtube.com/embed/W8d5N9GKTQo" frameborder="0" allowfullscreen></iframe><br/><br/><?php echo "en cas de difficulté, veuillez essayer l'un des deux liens suivants :";?>
<br/><br/>
<a href="video_dailymotion.php">Video Dailymotion</a><br/><br/>
<a href="video_vimeo.php">Video Vimeo</a>
</article>
 
</section>
...

et le css associé :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
.menu {
  z-index : 1;
  position : relative;
}
 
.menu ul.col2_video_decal{
  top:-32px;
}
 
.menu ul.col_2{
  width:200%; /* largeur double */
  background-color : "white"; 
}
 
 
.recul {
position:relative;
z-index:9999;
}

Où est le bug ?

Sinon, pour info, j'ai aussi intégré cette vidéo Youtube chez Dailymotion et chez Vimeo et chez ces 2 hébergeurs, pas de problème.

(Le code d'intégration de Youtube est celui fourni par Youtube, mais avant de poster, j'ai aussi essayé, sans succès, des codes soi-disant valides).

[laurentSc]

Je réactive la discussion car malgré du CSS, rien à faire :

CSS pour page à mettre en avant-plan :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
  z-index : 9999;
  position : relative;

CSS pour page à mettre en arrière-plan :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
z-index : 1;
position:relative;

[wax78]

J'ai déjà eu ce problème et jusque la... aucunes solutions, je serai curieux de voir une solution d'ailleurs