Menu php au centre de ma page

yanniks -  
Pepito One Messages postés 222 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai réussi à trouver un code pour avoir un menu déroulant.

Il se compose du code que j'ai mis dans le fichier menu.php
D'une page css et d'une page function

Mon problème c'est que quand j'insère le code dans mon fichier menu.php cela m'affiche ensuite au centre de la page alors que mon menu doit être sur la gauche.

Pourquoi ? Merci d'avance



<!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">
<head>
<title>Menu déroulant vertical sur clic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="functions.js"></script>
</head>
<body>

<div id="menu">
<div class="menu" id="menu1" onclick="afficheMenu(this)">
<a href="#">Menu 1</a>
</div>
<div id="sousmenu1" style="display:none">
<div class="sousmenu">
<a href="#">Sous-Menu 1.1</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 1.2</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 1.3</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 1.4</a>
</div>
</div>

<div class="menu" id="menu2" onclick="afficheMenu(this)">
<a href="#">Menu 2</a>
</div>
<div id="sousmenu2" style="display:none">
<div class="sousmenu">
<a href="#">Sous-Menu 2.1</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 2.2</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 2.3</a>
</div>
</div>

<div class="menu" id="menu3" onclick="afficheMenu(this)">
<a href="#">Menu 3</a>
</div>

<div class="menu" id="menu4" onclick="afficheMenu(this)">
<a href="#">Menu 4</a>
</div>
<div id="sousmenu4" style="display:none">
<div class="sousmenu">
<a href="#" >Sous-Menu 4.1</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.2</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.3</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.4</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.5</a>
</div>
</div>
</div>

</body>
</html>
A voir également:

1 réponse

Réponse 1 / 1
Pepito One Messages postés 222 Date d'inscription   Statut Membre Dernière intervention   37
 
Il faut que tu regardes dans ta page de CSS la déclaration " #menu ". Tu peux mettre :

#menu {float:left; width:200px}
0

Discussions similaires

[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses