Ta question ressemble beaucoup à celle que tu à posé ici:
Générateur de menu
...
et tu aurais du relancer à cet endroit plutôt que de démarrer un nouveau sujet.
Quoi qu'il en soit...
Tu pourra faire ton menu en utilisant les CSS:
Je répète le lien
http://fabiwan.kenobi.free.fr/css/NestedLists.html
et en propose un autre
http://css.alsacreations.com/Galeries-de-menus-en-CSS
et toi de répondre
nourimalik a écrit :Merci mais comment on fait pour l'integrer dans le site?
et tu a eu comme réponse
http://www.geckozone.org/forum/viewtopic.php?t=20704
C'est donc d'apprendre a utiliser la feuille de style (css).
Pour ma part, ça ma pris un certains temps pour réussir mais depuis, je ne peux plus m'en passer
-Il y a le style incorporé, intégré dans le code html de ta page.
-Il y a le style lié: une feuille de style va définir le style pour toutes les pages de ton site. Tu modifie ta feuille de style, toute les pages de ton sites sont modifiés.
Pour créer la feuille de style, il est possible de le faire avec l'éditeur css (Outil >> Éditeur Css)
tu créé le style et ensuite clique sur: «exporter la feuille de style et utiliser la version exportée»
si la feuille de style créé n'a pas l'extention .css alors tu l'ajoute
Moi j'utilise une autre méthode pour créer ma feuille de style.
Je créé ma feuille de style avec
SciTE Source Code Editor et lui donne l'extention .css
Tu créé ta feuille de style (par exemple: feuille_style.css)
et pour lier cette feuille à tes pages web ajoute la ligne suivante
<link rel="stylesheet" href="feuille_style.css" type="text/css">
entre le <head> et </head> de tes pages
Voici un exemple de feuille:
Code : Tout sélectionner
body {
font-size: larger;
background-color: #cccccc;
}
h1 {
font-size: 50pt;
}
h2 {
color: maroon;
font-family: sans-serif;
font-size: 22pt;
}
#boite {
border-style: outset;
border-width: 2px;
margin: 40px 5%;
padding: 2px;
color: #000000;
background-color: #ffffcc;
}
Voici un code de page simple qui utilise ces styles:
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Exemple</title>
<link rel="stylesheet" href="feuille_style.css" type="text/css">
</head>
<body>
<h1>Titre h1</h1>
<h2>Titre h2</h2>
<div id="boite"><br>Boite<br></div>
</body>
</html>
Bonne chance
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6