Problème de div menu par dessus un flash
Bonjour,
Nous avons fait une animation flash de haut de page, contenant les intitulé des menu, pour un meilleur rendu graphique.
Et pour optimiser le référencement ma div ou il y a les menu passe par dessus
la div qui contien le flash.
Le résultat sous firefox est niquel.
Mais sous IE8 et inférieur , le flahs passe par dessus quoi q'ui arrive.
Je n'arrive pas comprend pourquoi, y a til une solution ?
voila mon code HTML :
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
| <div id="header">
<ul id="menu">
<li id="accueil"><a href="index.html">Accueil</a></li>
<li id="representer"><a href="index.html">Représenter</a></li>
<li id="accompagner"><a href="index.html">Accompagner</a></li>
<li id="informer"><a href="index.html">Informer</a></li>
<li id="former"><a href="index.html">Former</a></li>
<li id="equiper"><a href="equiper.html">Équiper</a></li>
</ul><!--fin menu -->
<div id="flash">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="282">
<param name="movie" value="images/anim2effect.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/anim2effect.swf" width="1024" height="282">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div><!--fin flash -->
</div><!--fin header --> |
voila mon code CSS :
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
| #header {
width:1024px;
}
#flash {
margin:0;
height:282px;
width:1024px;
}
#menu {
display:inline;
float:left;
height:38px;
left:50%;
list-style-type:none;
margin-left:-471px;
padding:0;
position:absolute;
top:259px;
width:972px;
z-index:10;
}
#menu li{
float:left;
display:inline;
}
#menu li a{
display:block;
text-indent:-9000px;
height:38px;
}
#accueil a{
width:120px;
}
#representer a{
margin-left:13px;
width:120px!important;
}
#accompagner a{
margin-left:64px;
width:130px !important;
}
#informer a{
margin-left:61px;
width:103px !important;
}
#former a{
margin-left:52px;
width:99px !important;
}
#equiper a{
margin-left:52px;
width:99px !important;
} |
Je vous remercie par avance
Cordialement
Guillaume Escande
