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: "Century Gothic"; 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égées par les lois internationales sur le copyright et ne peuvent être utilisées, sous quelque forme que ce soit, sans l'autorisation écrite de son auteur : <a href="mailto:contact@boussaguet-photo.com">Pol Boussaguet </a></div>
</div>
<p> </p>
<p> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </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"> </p>
<p> </p>
<p> </p>
<p> </p>
<p>
</p>
</p>
<p> </p>
</body>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</html>