[W3C] Swf et div, pb de superposition

**PuppeT mAsTer** · 10/07/2006, 10h49

Bonjour à tous, j'aimerai comprendre pourquoi les swf superpose mes autres calques utilisé pour un menu déroulant, j'utilise bien un z-index=100 dans mon css pour que le menu soit au dessus de tout mais rien à faire le swf est toujours supérieur et cache donc mon menu déroulant.

Voici les codes qui sont susceptible de vous intéresser pour comprendre le problème. je précise que le menu n'est déroulant que sous FF c'est pour cela que vous ne verrez pas de javascript dans ces lignes.

CSS définissant le menu déroulant :

Code :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
#menu {
position: absolute;
top: 180;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menuderoulant {
               width: 1024px;
               list-style-type: none;
               margin: 0;
               padding: 0;
               z-index:100;
}
#menuderoulant li
{
 float: left;
 width: 128px;
 height: auto;
 font-size: 12px;
 color: #FFFFFF;
 font-family:Verdana;
 text-align: center;
 margin: 0;
 border: 0;
 padding-top: 6px;
 padding-bottom: 9px;
}
 
#menuderoulant li:hover > .sousmenu { display: block; }
 
#menuderoulant li a:link,
#menuderoulant li a:visited
{
  display: block;
  height: auto;
  text-decoration:none;
  color: #ffa900;
}
#menuderoulant li a:hover {
  color: #ff5b01;
}
#menuderoulant .sousmenu {
 display: none;
 z-index:100;
 list-style-type: none;
 margin-top: 10px;
 padding: 0;
 border: 0;
}
#menuderoulant .sousmenu li {
 float: none;
 line-height: 1.5;
 padding-top: 1px;
 padding-bottom: 0px;
 margin-top:1;
 border:none;
 background-image:url("images/fondmenu.png");
}
#menuderoulant .sousmenu li a:link,
#menuderoulant .sousmenu li a:visited,
{
  display: block;
  text-align: left;
  font-weight: normal;
  margin: 0;
  padding: 0;
  border: 0;
}
#menuderoulant .sousmenu li a:hover {
  background-color:#112a45;
}

Et voici le code HTML du menu avec l'insertion du swf :

Code :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<div id="menu">
	<ul id="menuderoulant">
	  <li><a href="id.php"><b>RADIO</b></a>
	   <ul class="sousmenu">
		<li><b>EMISSIONS</b></font></li>
		<li><a href="deboutlyon.htm">Debout Lyon</a></li>
		<li><a href="denisshow.htm">Le Denis Show</a></li>
		<li><a href="leclub.htm">Le Club</a></li>
 
		<li><b>ANTENNE</b></li>
		<li><a href="progs.php">Grille des programmes</a></li>
		<li><a href="animateurs.php">Animateurs</a></li>
		<li><a href="redac.php">La Rédac</a></li>
		<li><a href="direction.php">La Direction</a></li>
		<li><a href="contact.php">Contactez-nous</a></li>
	   </ul>
	  </li>
	  <li><a href="breves.php"><b>BREVES</b></a></li>
	  <li><a href="#"><b>MUSIC</b></a>
	   <ul class="sousmenu">
		<li><a href="javascript:openWindow(400,250),live.php">Ecoutez en live</a></li>
		<li><a href="playlist.php">La playlist</a></li>
	   </ul>
	  </li>
	  <li><a href="#"><b>SPORT</b></a>
	   <ul class="sousmenu">
		<li><b>RESULTATS</b></li>
		<li><a href="OL.php">Olympique Lyonnais</a></li>
		<li><a href="ASVEL.php">Adecco ASVEL</a></li>
		<li><a href="LOU.php">LOU</a></li>
		<li><a href="calendrier.php"><b>CALENDRIERS</b></a></li>
		<li><b>LE DIRECT</b></li>
		<li><a href="oldirect.php">Olympique Lyonnais</a></li>
		<li><a href="ASVELdirect.php">Adecco ASVEL</a></li>
		<li><a href="LOUdirect.php">LOU</a></li>
 
	   </ul>
	  </li>
	  <li><a href="#"><b>BLOGS</b></a>
	    <ul class="sousmenu">
		<li><a href="#">Ton Blog</a></li>
		<li><a href="forums.php">Les Forums</a></li>
		<li><a href="#">Le Tchat</a></li>
	    </ul>
	  </li>
	  <li><a href="#"><b>AGENDA</b></a>
	   <ul class="sousmenu">
		<li><a href="interviews.php">Interviews</a></li>
		<li><a href="evenements.php">Evénements</a></li>
	   </ul>
	  </li>
	  <li><a href="#"><b>PRATIQUE</b></a>
          <ul class="sousmenu">
		<li><a href="horoscope.php">Horoscope</a></li>
		<li><a href="emplois.php">Emplois</a></li>
        </ul>
        </li>
	  <li><a href="photos.php"><b>PHOTOS</b></a></li>
	</ul>
</div>
 
	<table border=0 cellpadding=0 cellspacing=5 bgcolor="#FFFFFF">
	<tr>
	<td width="200" height="40">
	</td>
  	<td width="449">
	<p>SMS</p>
	</td>
	<td width="150">
	<p align="center"><font size="2" color="#0060cd">On air</font>
 
        </td>
	<td width="200">
	<P align="right">
	 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="170" height="70" id="liveHitSport" align="middle">
	 <param name="allowScriptAccess" value="sameDomain" />
	 <param name="movie" value="liveHitSport.swf" />
	 <param name="quality" value="high" />
	 <param name="bgcolor" value="#ffffff" />
	 <embed src="liveHitSport.swf" quality="high" bgcolor="#ffffff" width="170" height="70" name="liveHitSport" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	 </object>
	</td>
	</tr>
	</table>

Peut on faire quelquechose pour que le swf deviennent un calque inférieur disons ?

Merci de m'éclairer de vos lanternes

PM

**mussara** · 10/07/2006, 14h19

j'ai eu le pb il y a quelques mois, avec superpsoition de menus déroulants sur swf

j'ai modifié mes appels swf comme cela:

Code :

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

1
2
3
4
<object type='application/x-shockwave-flash' data='monswf.swf' width='550' height='400'>
		<param name='movie' value='monswf.swf' />
		<param name='wmode' value='transparent' />
		</object>

et désormais cela fonctionne cf:v http://lezartistes.org/principale.php?typ=pose

**PuppeT mAsTer** · 10/07/2006, 16h14

Merci beaucoup j'avais essayé de modifier mon appel swf mais sans succès, il faut dire que j'avais bcp moins modifié que ici. Encore merci musara pour un grand service rendu

PM

**mussara** · 10/07/2006, 16h16

je me souvies avoir pas mal galéré à l'époque pour obtenir le résultat voulu

je crois (de mémoire je suis pas sûr) que la balise embed était pas aimée du w3c... et c'est ça qui m'a mis sur la piste...

@+

[W3C] Swf et div, pb de superposition

HTML

Vue hybride

Discussions similaires

Partager

Partager