Je ne travaille qu'en local , mais je vais vous filer le code pour que vous puissiez voir mon erreur
le css:
*
{
margin:0;
padding:0;
}
body
{
background-color:#12147d; /* bleu sombre couleur bannière */
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
font-size:11px; /*Taille d’écriture*/
padding:0; /*Pour que la page n’ai aucune marge*/
margin:0; /*Pour que la page n’ai aucune marge*/
}
div#img_header
{
background-image:url("img/img_header.jpg") ;
width:750px;
height:150px;
}
div#img_menu
{
background-image:url("img/img_menu.jpg") ;
width:750px;
height:31px;
}
div.global
{
background-color:#FFFFFF;
width:750px;
min-height:400;
margin:0 auto; /* Permet de recentrer sur firefox */
z-index:5;
}
div.contenu_page
{
background-color:blue;
margin:10px auto; /* pour firefox */
width:700px;
min-height:600px;
z-index: 1;
}
/********************************************************************************/
/**** Menu horizontal deroulant ************************************************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 10px;
left: 15px;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;
border: 1px solid gray;*/
margin: 1px;
color:#FFFFFF;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li
{
text-align: center;
/*background: #fff;*/
background-color:#12147d;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus
{
/*background: #eee;*/
background-color:#0066FF;
}
l'index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./boulangerie.css" type="text/css" >
<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>
</head>
<body>
<?
if(isset($_GET['p']))
{
$page=$_GET['p'];
}
else
{
$page="erreur";
}
?>
<div class="global">
<div id="img_header"></div>
<div id="img_menu">
<div id="menu"><? include("menu.php"); ?></div>
</div>
<div class="contenu_page">
<? include($page.'.php');?>
</div>
</div>
</body>
</html>
et le menu.php
<dl>
<dt onmouseover="javascript:montre('smenu1');"><a href="">Fournisseur</a></dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="index.php?p=liste_fournisseur">Lister</a></li>
<li><a href="index.php?p=form_fournisseur">Ajouter</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');"><a href="">Fournitures</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Lister</a></li>
<li><a href="index.php?p=ajout_fourniture">Ajouter</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');"><a href="">Recettes</a></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Lister</a></li>
<li><a href="#">Ajouter</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');"><a href="">Réglages</a> </dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Unités de Mat. 1er</a></li>
<li><a href="#">Unités de fabrication</a></li>
<li><a href="#">Familles de Mat. 1er</a></li>
<li><a href="#">Familles de recettes</a></li>
</ul>
</dd>
</dl>
merci de vous pencher sur mon problème.
En attendant je vais me pencher sur le lien que tu m'as filé.
Modifié par rockt13 (04 Sep 2008 - 23:26)
