Sujet Précédent Sujet Suivant

Menu php au centre de ma page

Fermé
yanniks - 1 nov. 2011 à 15:17
Pepito One Messages postés 222 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 8 novembre 2011 - 2 nov. 2011 à 10:58
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 jeudi 13 octobre 2011 Statut Membre Dernière intervention 8 novembre 2011 37
2 nov. 2011 à 10:58
Il faut que tu regardes dans ta page de CSS la déclaration " #menu ". Tu peux mettre :

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