[W3C] Swf et div, pb de superposition
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:
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:
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
