Comment fait-on un menu déroulant?

nourimalik · Message par **nourimalik** » 22 nov. 2006, 16:07

Salut à tous,

J'aimerais crée un menu déroulant sur mon site , j'aimerais savoir :

- Peut-on crée un menu déroulant avec NVU ? si oui comment ?

- Si on ne peut les faire qu'avec un site spécialisé, où doit-on mettre le code dans la page code et quel est le meilleur site ?

Merci.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.0.7) Gecko/20060911 Camino/1.0.3 (MultiLang)

Sebaz · Message par **Sebaz** » 22 nov. 2006, 16:32

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;
}

On ajoute aucune balises genre <head>, <body>...

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

Message par **chinon37** » 22 nov. 2006, 21:07

Ces québecois, quelle patience

nourimalik · Message par **nourimalik** » 23 nov. 2006, 22:16

Merci mais il n'y a aucun moyen de le faire sans passer par le css?

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.0.7) Gecko/20060911 Camino/1.0.3 (MultiLang)

Message par **Ymai** » 23 nov. 2006, 23:36

nourimalik a écrit :Merci mais il n'y a aucun moyen de le faire sans passer par le css?

Il y a certainement des méthodes plus compliquées, mais la méthode détaillée par Sebaz est certainement aussi la plus propre.
Peut-être faut-il attendre une prochaine version de KompoZer qui proposera des bouts de code tout faits dans lesquels il suffira de piocher.
Je ne me souviens pas si les menus déroulants figuraient dans la feuille de route.
Kazé, si tu nous entends... Ca nous ferait bien plaisir d'avoir des nouvelles (et pas seulement de KompoZer).

Geckozone

Comment fait-on un menu déroulant?

Comment fait-on un menu déroulant?

reponse

Re: reponse

Qui est en ligne ?