animation flash qui cache mes menus déroulants

animation flash qui cache mes menus déroulants - Flash/ActionScript - Programmation

Marsh Posté le 27-05-2008 à 19:35:47    

Bonjour,
j'ai enfin réussi à coller une p'tite animation flash sur ma future page d'accueil mais elle cache les menus déroulants ... Fort génant pour acceder aux futures galleries :
 
http://www.boussaguet-photo.com/ga [...] e-test.htm
 
J'ai essayé différents trucs evec les layers, mais cela ne donne rien.
 
Pour arranger le tout ...  je suis NUL en programmation !!!
 
Pourriez vous m'aider ??
 
Voilà le code (surement très moche et super bricolé) de la page :

 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body,td,th {
 font-family: Century Gothic;
}
.style1 {font-size: 0.6em}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
 
</script>
<head>
 
 
</SCRIPT>
 
 
<title>boussaguet-photo.com   -   Galeries</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
 for (var i = 1; i<=10; i++) {
  if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
 }
if (d) {d.style.display='block';}
}
//-->
</script>
 
<style type="text/css">
 
body {
 margin: 10px;
 padding: 0;
 font: Century Gothic;
 background-color: #000000;
}
 
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 15px 0 0;
padding: 0;
}
 
#menu {
 position : absolute;
 left: 29px;
 top: 54px;
 width: 920px;
 border-bottom: 1px solid gray;
 z-index: 2;
}
 
#menu dl {
float: left;
}
#menu li {
 
}
 
#menu a {
text-decoration: none;
 
background: #000;
}
#smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8 ,  
#Layer2{
 position: absolute;
 top:25px;
 width:212px;
 height:29px;
 z-index:2;
 font-size: 0.8em;
 width: 320px;
 overflow: visible;
}
 
 
.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}
a:link {
 color: #FFFFFF;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #FFFFFF;
}
a:hover {
 text-decoration: none;
 color: #999999;
}
a:active {
 text-decoration: none;
 color: #FFFFFF;
}
.style5 {font-family: "Century Gothic"}
 
-->
</style>
 
</head>
 
<body>
 
 
 
<div id="menu">
 
 
 <dl>    
  <dt onmouseover="montre('smenu2');"><a href="nature/nature-titre.htm">Reportage</a></dt>
   <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
    <ul>
     <li><a href="Reportages/Abolition-Manif-ECPM/album/index.html">Marche contre la peine de mort</a></li>
     <li><a href="Reportages/Badinter-ECPM/album/index.html">Robert Badinter répond à l'ECPM</a></li>      
     <li><a href="../Reportages/archives/GR%20paris/GR-titre.htm">Un GR à Paris</a></li>      
     <li><a href="Reportages/Laura%20Satana/album/index.html">Laura Satana : tatoueuse</a></li>
     <li><a href="Reportages/Debru/album/index.html">André Debru : ferronnier d'art</a></li>
     <li><a href="Reportages/Tour%20de%20France%20ULM/album/index.html">Tour de France ULM 2004</a></li>
     <li><a href="architecture/Viaduc%20Millau/album/index.html">Viaduc de Millau : la jonction     </a></li>
     <li><a href="Reportages/Jugement%20des%20cornards/album/index.html">Le jugement des cornards</a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="montre('smenu3');"><a href="#">Spectacle</a></dt>
   <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
    <ul>
     <li><a href="evenementiel/Schdong/album/index.html">Schdong  </a></li>
     <li><a href="evenementiel/caoutchouc/album/index.html">Chapertons  </a></li>
     <li><a href="evenementiel/NDS-2008/NDS-2008.html">Dubibosoda - NDS Ed. 2008  </a></li>
     <li><a href="evenementiel/NDS-2007/album/index.html">Exercices de style - NDS Ed. 2007  </a></li>
     <li><a href="evenementiel/NDS-2006/album/index.html">La mastication des morts - NDS Ed. 2006  </a></li>
     <li><a href="evenementiel/NDS-2005/album/index.html">Scènes de la vie conjugale - NDS Ed. 2005  </a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="montre('smenu4');"><a href="#">Sport</a></dt>
   <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
    <ul>
     <li><a href="#">Rugby : Stade Français / Leicester </a></li>
     <li><a href="#">Rugby : Albi / Fidji</a></li>
     <li><a href="#">GRS</a></li>
     <li><a href="#">Motocross et quad</a></li>
     <li><a href="#">Sabre : Coupe du monde junior</a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="montre('smenu5');"><a href="#">Voyage</a></dt>
   <dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">
    <ul>
     <li><a href="#">Lisbonne</a></li>
     <li><a href="#">Berlin</a></li>
     <li><a href="#">Budapest</a></li>
     <li><a href="#">Bénin</a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="montre('smenu6');"><a href="#">Architecture & Patrimoine</a></dt>
   <dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre('');">
    <ul>
     <li><a href="#">Stade de France - Paris</a></li>
     <li><a href="#">Bauhaus</a></li>
     <li><a href="#">BNF - Paris</a></li>
     <li><a href="#">Berlin contemporain</a></li>
     <li><a href="#">Viaduc de Millau</a></li>
     <li><a href="#">Cathédrale d'Evry</a></li>
     <li><a href="#">Cathédrale Ste Cécile - Albi</a></li>
     <li><a href="#">Musée Fenaille - Rodez</a></li>
     <li><a href="#">Saint Gilles - Gard</a></li>
     <li><a href="#">St Guilhem le Désert</a></li>
     <li><a href="#">Viaduc de Garabit</a></li>
     <li><a href="#">La Couvertoirade</a></li>
     <li><a href="#">Conques</a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="montre('smenu7');"><a href="#">Balades</a></dt>
   <dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre('');">
 
    <ul>
     <li><a href="#">Sous-menu 6.1</a></li>
     <li><a href="#">Sous-menu 6.2</a></li>
     <li><a href="#">Sous-menu 6.3</a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="montre('smenu8');"><a href="#">Achat</a></dt>
   <dd id="smenu8" onmouseover="javascript:montre('smenu8');" onmouseout="javascript:montre('');">
 
    <ul>
     <li><a href="#">Tirages</a></li>
     <li><a href="#">Droits de diffusion</a></li>
    </ul>
   </dd>
 </dl>
</div>
 
<div id="Layer1" style="position:absolute; left:28px; top:4px; width:370px; height:29px; z-index:4; font-family: &quot;Century Gothic&quot;; font-size: 2em;"><a href="../index.htm" class="style5">boussaguet-photo.com </a></div>
<div id="Layer1" style="position:absolute; left:10px; bottom:20px; width:971px; height:10px; z-index:5; color: #CCCCCC;">
<div align="left" class="style1">Toutes les images sont prot&eacute;g&eacute;es par les lois internationales sur le copyright et ne peuvent &ecirc;tre utilis&eacute;es, sous quelque forme que ce soit, sans l'autorisation &eacute;crite de son auteur : <a href="mailto:contact@boussaguet-photo.com">Pol Boussaguet </a></div>
</div>
 
 
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,0,0,0"
width="250" height="250" align="absmiddle">
    <param name=movie value="slidesimple.swf" />
    <param name=loop value=false />
    <param name=menu value=false />
    <param name=quality value=high />
    <param name=bgcolor value=#00000 />
    <embed src="slidesimple.swf"
width="250"
height="250"
loop="false" align="absmiddle"
menu="false"
quality="high"
bgcolor="#FFFFFF"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>
            </object>
</p>
<p align="center">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
</p>
</p>
<p>&nbsp;</p>
</body>
 
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</html>

Reply

Marsh Posté le 27-05-2008 à 19:35:47   

Reply

Marsh Posté le 28-05-2008 à 14:54:54    

pb récurrent, tu trouveras pleins d'astuces pour résoudre ça :
http://www.google.fr/search?q=javascript+over+flash

Reply

Marsh Posté le 28-05-2008 à 22:31:51    

Merci ... j'ai trouvé !!!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed