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 :
voila mon code CSS :
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 <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 dAdobe 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 -->
Je vous remercie par avance
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 #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; }
Cordialement
Guillaume Escande
Partager