Bonsoir tout le monde, voilà j'ai suivi le tutoriel ici
en essayant de l'adapter a mes besoin , seulement je rencontre un petit soucis, mon menu ne se déroule pas verticalement mais horizontalement, je vous rassures j'ai bien suivi les explication pour le menu verticale.
Voici mon code HTML
Voici le code de mon css
je n'arrive pas a trouver mon erreur donc si quelqu'un peut me venir en aide je lui en serais reconnaissant.
En vous remerciant.
Amicalement.
en essayant de l'adapter a mes besoin , seulement je rencontre un petit soucis, mon menu ne se déroule pas verticalement mais horizontalement, je vous rassures j'ai bien suivi les explication pour le menu verticale.
Voici mon code HTML
<?php
session_start();
if(empty($_SESSION['login'])) $_SESSION['login']="";
@($p=$_GET['p']) ;
$login=$_SESSION['login'];
?>
<!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" >
<head>
<title>Site auto-ecole</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
@import url("./design.css"); <!-- permet d'appeler le css -->
</style>
<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>
<div id="header">
<div id="banner"></div>
<ul id="menu">
<li><dt onclick="javascript:montre();"><a href="index.php?p=news"><img src="images/index_06.gif"></a></dt></li> <!-- Bouton acceuil-->
<li><a href=""><img src="images/index_07.gif"></a></li> <!-- séparateur-->
<li><dt onclick="javascript:montre('smenu2');"><img src="images/index_08.gif"></dt></li> <!-- Bouton tarif-->
<dd id="smenu2">
<ul>
<li><a href="">Permis Voiture</a></li>
<li><a href="">Permis Moto</a></li>
<li><a href="">Permis BSR</a></li>
</ul>
</dd>
<li><a href=""><img src="images/index_09.gif"></a></li> <!-- séparateur-->
<li><dt onclick="javascript:montre('smenu3');"><img src="images/index_10.gif"></dt></li> <!-- Bouton code-->
<dd id="smenu3">
<ul>
<li><a href="">Inscription</a></li>
<li><a href="">Cours</a></li>
</ul>
</dd>
<li><a href=""><img src="images/index_11.gif"></a></li> <!-- séparateur-->
<li><dt onclick="javascript:montre('smenu4');"><img src="images/index_12.gif"></dt></li> <!-- Bouton permis-->
<dd id="smenu4">
<ul>
<li><a href="">Permis A</a></li>
<li><a href="">Permis B</a></li>
<li><a href="">Permis BSR</a></li>
</ul>
</dd>
<li><a href=""><img src="images/index_13.gif"></a></li> <!-- séparateur-->
<li><a href="index.php?p=galerie"><img src="images/index_14.gif"></a></li> <!-- Bouton photo-->
<li><a href=""><img src="images/index_15.gif"></a></li> <!-- séparateur-->
<li><dt onclick="javascript:montre('smenu5');"><img src="images/index_16.gif"></dt></li> <!-- Bouton stats-->
<dd id="smenu5">
<ul>
<li><a href="">Taux de reussite voiture</a></li>
<li><a href="">Taux de reussite moto</a></li>
</ul>
</dd>
<li><a href=""><img src="images/index_17.gif"></a></li> <!-- séparateur-->
<li><dt onclick="javascript:montre('smenu6');"><img src="images/index_18.gif"></dt></li> <!-- Bouton contact-->
<dd id="smenu6">
<ul>
<li><a href="">Contacter auto-ecole</a></li>
<li><a href="">Contacter webmaster</a></li>
</ul>
</dd>
</ul>
<!--champ de connexion -->
<center><form name="connect" method="post" action="index.php?p=connect">
<p><font color="blue">Login
<input type="text" name="login" />
Password
<input type="password" name="password1" />
<input type="submit" name="Submit" value="Connexion" />
</font></p>
</form></center>
<?PHP
if(!@($p)) $p="";
if($p=="news" || $p=="") include("./news/news.php");
//if($page="tarif") include("./tarif/tarif.php");
//if($page="code") include("./code/code.php");
if($p=="permisB") include("./permisB/permisB.php");
if($p=="galerie") include("./galerie/galerie.php");
if($p=="inscription") include("./inscription/inscription.htm");
if($p=="inscription2") include("./inscription/inscription.php");
if($p=="connect") include("./connect/connect.php");
?>
</div>
</body>
</html>
Voici le code de mon css
/*Feuille css du design site auto ecole*/
body
{
background: #000000 url(images/font.png) no-repeat top center;
width: 1004px;
height: 1354px;
margin: auto;
padding: auto;
}
#header
{
width: 796px;
min-height: 1338px;
background: #FFFFFF;
margin: auto;
padding: auto;
}
#banner
{
width: 796px;
height: 174px;
background: url(images/index_05.gif) no-repeat top center;
margin-top: 15px;
}
/*parti css du menu */
#menu
{
display:block;
background-image: url(images/index_06.gif);
list-style-type: none;
width: 796px;
height: 20px;
margin: 0;
padding: 0;
}
#menu li
{
list-style-type: none;
float: left;
}
#menu dt {
cursor: pointer;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
a img
{
border: 0px;
} je n'arrive pas a trouver mon erreur donc si quelqu'un peut me venir en aide je lui en serais reconnaissant.
En vous remerciant.
Amicalement.