Bonjour,
Je réalise la mise à jour d'un site internet et souhaite réalisé un menu déroulant,
Je réussi le menu ce déroule mais vers le bas et pas vers la droite.
Je pense que le problème et que la ligne de menu est défini sur cette colonne et n'arrive pas à passé sur la droite pr les sous menus !!!
pliz help me
<title>R&D </title>
<meta http-equiv="Content-Type" content="image/jpeg; charset=iso-8859-15" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="keywords" content="design />
<meta name="description" content="Société CAR&D, conception et réalisation de prototypes innovants, de véhicules spéciaux, expertise en dynamique du véhicule" />
<meta name="abstract" content="Société CAR&D bureau d'études, recherche et développement automobile" />
<link rel="stylesheet" type="text/css" href="http://www.ocblk.com/card/css/style.css" />
<link rel="stylesheet" type="text/css" href="http://www.ocblk.com/card/css/style_menu.css" />
<script type="text/javascript" src="http://www.ocblk.com/lib/fonctions_perso.js"></script>
<script type="text/javascript" src="functions.js"></script>
</head>
<body>
<div id="conteneur">
<div id="entete"><a href="index.php"><img src="images/Logo_card.bmp" alt="CAR&D" title="CAR&D" style="height: 109px;" /></a></div>
<div id="menu"><ul>
<li><a href="index.php" >Accueil</a></li><li><a href="actualites.php" >Nos Actualités</a></li><li><a href="objectif.php" >Objectifs et Méthodologie</a></li>
<li><!-- Debut Menu 1 -->
<div class="menu"id="Menu1" onmouseout="fout(this)" onmouseover="fover(this)">
<div ><a href="experience.php" >Savoir-Faire</a></div>
<div id="Menu1Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="innovation.php" class="lienMenu">Innavtion</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="hybride.php" class="lienMenu">Hybride</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="recherche.php" class="lienMenu">Recherche</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="demonstrateurs.php" class="lienMenu">démontrateurs</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="suspensions.php" class="lienMenu">Conception Suspension</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="motorsport.php" class="lienMenu">Motor Sport</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="simulation.php" class="lienMenu">Simulation</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="simulateur.php" class="lienMenu">Simulateur</a></div>
</div>
</div></li>
<li><a href="publications.php" >Publications</a> </li><li><a href="moyens.php" >Moyens</a></li><li><a href="production.php" >Vers la Production</a></li><li><a href="galerie.php" >Galerie</a></li>
<li>
<div class="menu" id="Menu2" onmouseout="fout(this)" onmouseover="fover(this)">
<div class="titreMenu itemOut" id="Menu2Titre"><a href="hommages.php" >Hommages</a></div>
<div class="contenuMenu" id="Menu2Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les temps historiques</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">La Renaissance</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les Inventions Fondamentales</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les Deux Roues</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les temps modernes</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Comprendre et Modéliser</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les Inventions remarquables du XXème siècle</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Futur ?</a></div>
</div>
</div>
</li><li><a href="dictionnaire.php" >Dictionnaire</a></li><li><a href="contact.php" >Contact & Accès</a></li><li><a href="" ><img src="images/Membre Moveo.png" width=110 height=99 /></a></li><li><a href="" ><img src="images/ASRC.PNG" width=110 height=77 /></a></li><li><a href="" ><img src="images/SIA logo.png" width=110 height=32 /></a></li></ul> </div>
<div id="centre">
<form method="post" action="/experience.php" id="faireAction" style="display: none;"><input type="hidden" name="faire" value="" id="actionHidden" /></form><h1>Savoir-Faire</h1>
<h2>Nota</h2>
<p>Certains travaux mentionnés dans ce site ont été effectués par Gilles Schaefer en tant que chef de projet de la société SERA-CD, et en tant que Société de Recherche sous contrat, la propriété de ces travaux a été transférée au client final.</p>
<table id="savoirfaire">
<tr>
<td style="width: 25%"><a href="innovation.php">Innovation...</a></td>
<td style="width: 25%"><a href="hybride.php">Hybride...</a></td>
<td style="width: 25%"><a href="recherche.php">Recherche...</a></td>
<td style="width: 25%"><a href="demonstrateurs.php">Démonstrateurs...</a></td>
</tr>
<tr>
<td><a href="suspensions.php">ConceptionSuspension...</a></td>
<td><a href="motorsport.php">MotorSport...</a></td>
<td><a href="simulation.php">Simulation...</a></td>
<td><a href="simulateur.php">Simulateur...</a></td>
</tr>
</table></div>
<div id="pieddepage"><p>
<a href="/experience.php?lng=fr" class="action"><img src="http://www.ocblk.com/icones/fr.png" title="fr" alt="fr" class="bouton" /> Français</a>
| <a href="/experience.php?lng=en" class="action"><img src="http://www.ocblk.com/icones/en.png" title="en" alt="en" class="bouton" /> English</a>
<a href="accesreserve.php" class="action"><img src="http://www.ocblk.com/icones/lock_delete.png" title="lock_delete" alt="lock_delete" class="bouton" /> Accès réservé</a>
</p></div>
</div>
</body>
</html>
Je réalise la mise à jour d'un site internet et souhaite réalisé un menu déroulant,
Je réussi le menu ce déroule mais vers le bas et pas vers la droite.
Je pense que le problème et que la ligne de menu est défini sur cette colonne et n'arrive pas à passé sur la droite pr les sous menus !!!
pliz help me
<title>R&D </title>
<meta http-equiv="Content-Type" content="image/jpeg; charset=iso-8859-15" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="keywords" content="design />
<meta name="description" content="Société CAR&D, conception et réalisation de prototypes innovants, de véhicules spéciaux, expertise en dynamique du véhicule" />
<meta name="abstract" content="Société CAR&D bureau d'études, recherche et développement automobile" />
<link rel="stylesheet" type="text/css" href="http://www.ocblk.com/card/css/style.css" />
<link rel="stylesheet" type="text/css" href="http://www.ocblk.com/card/css/style_menu.css" />
<script type="text/javascript" src="http://www.ocblk.com/lib/fonctions_perso.js"></script>
<script type="text/javascript" src="functions.js"></script>
</head>
<body>
<div id="conteneur">
<div id="entete"><a href="index.php"><img src="images/Logo_card.bmp" alt="CAR&D" title="CAR&D" style="height: 109px;" /></a></div>
<div id="menu"><ul>
<li><a href="index.php" >Accueil</a></li><li><a href="actualites.php" >Nos Actualités</a></li><li><a href="objectif.php" >Objectifs et Méthodologie</a></li>
<li><!-- Debut Menu 1 -->
<div class="menu"id="Menu1" onmouseout="fout(this)" onmouseover="fover(this)">
<div ><a href="experience.php" >Savoir-Faire</a></div>
<div id="Menu1Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="innovation.php" class="lienMenu">Innavtion</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="hybride.php" class="lienMenu">Hybride</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="recherche.php" class="lienMenu">Recherche</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="demonstrateurs.php" class="lienMenu">démontrateurs</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="suspensions.php" class="lienMenu">Conception Suspension</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="motorsport.php" class="lienMenu">Motor Sport</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="simulation.php" class="lienMenu">Simulation</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="simulateur.php" class="lienMenu">Simulateur</a></div>
</div>
</div></li>
<li><a href="publications.php" >Publications</a> </li><li><a href="moyens.php" >Moyens</a></li><li><a href="production.php" >Vers la Production</a></li><li><a href="galerie.php" >Galerie</a></li>
<li>
<div class="menu" id="Menu2" onmouseout="fout(this)" onmouseover="fover(this)">
<div class="titreMenu itemOut" id="Menu2Titre"><a href="hommages.php" >Hommages</a></div>
<div class="contenuMenu" id="Menu2Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les temps historiques</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">La Renaissance</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les Inventions Fondamentales</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les Deux Roues</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les temps modernes</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Comprendre et Modéliser</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Les Inventions remarquables du XXème siècle</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Futur ?</a></div>
</div>
</div>
</li><li><a href="dictionnaire.php" >Dictionnaire</a></li><li><a href="contact.php" >Contact & Accès</a></li><li><a href="" ><img src="images/Membre Moveo.png" width=110 height=99 /></a></li><li><a href="" ><img src="images/ASRC.PNG" width=110 height=77 /></a></li><li><a href="" ><img src="images/SIA logo.png" width=110 height=32 /></a></li></ul> </div>
<div id="centre">
<form method="post" action="/experience.php" id="faireAction" style="display: none;"><input type="hidden" name="faire" value="" id="actionHidden" /></form><h1>Savoir-Faire</h1>
<h2>Nota</h2>
<p>Certains travaux mentionnés dans ce site ont été effectués par Gilles Schaefer en tant que chef de projet de la société SERA-CD, et en tant que Société de Recherche sous contrat, la propriété de ces travaux a été transférée au client final.</p>
<table id="savoirfaire">
<tr>
<td style="width: 25%"><a href="innovation.php">Innovation...</a></td>
<td style="width: 25%"><a href="hybride.php">Hybride...</a></td>
<td style="width: 25%"><a href="recherche.php">Recherche...</a></td>
<td style="width: 25%"><a href="demonstrateurs.php">Démonstrateurs...</a></td>
</tr>
<tr>
<td><a href="suspensions.php">ConceptionSuspension...</a></td>
<td><a href="motorsport.php">MotorSport...</a></td>
<td><a href="simulation.php">Simulation...</a></td>
<td><a href="simulateur.php">Simulateur...</a></td>
</tr>
</table></div>
<div id="pieddepage"><p>
<a href="/experience.php?lng=fr" class="action"><img src="http://www.ocblk.com/icones/fr.png" title="fr" alt="fr" class="bouton" /> Français</a>
| <a href="/experience.php?lng=en" class="action"><img src="http://www.ocblk.com/icones/en.png" title="en" alt="en" class="bouton" /> English</a>
<a href="accesreserve.php" class="action"><img src="http://www.ocblk.com/icones/lock_delete.png" title="lock_delete" alt="lock_delete" class="bouton" /> Accès réservé</a>
</p></div>
</div>
</body>
</html>