menu horizontal sur une ligne [Résolu]

balsamique · 02/06/2011, 10h16

Bonjour,

Je lis le forum depuis quelques mois et je commence à faire un peu de pratique.
Une question idiote: comment faire pour que mon menu horizontal reste sur une ligne? Le code suivant donne le résultat
menu1
menu2
menu3
au lieu de menu1 menu2 menu3
Est-ce que cette propriété se donne dans le css ou cela dépend du conteneur de mon menu? (j'ai essayé à divers endroits de ma page mais toujours avec ce résultat).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>

Merci d'avance

NoSmoking · 02/06/2011, 10h29

Bonjour,
il faut jouer avec la propriété CSS display des LI
exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[CSS display inline...]</title>
<style type="text/css">
* {
  font-family : Verdana;
}
ul.enligne li {
  display : inline;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<h2>Menu avec LI en display par d&eacute;faut</h2>
<ul>
  <li><a href="#">menu1</a></li>
  <li><a href="#">menu2</a></li>
  <li><a href="#">menu3</a></li>
</ul>
<h2>Menu avec LI en display:inline</h2>
<ul class="enligne">
  <li><a href="#">menu1</a></li>
  <li><a href="#">menu2</a></li>
  <li><a href="#">menu3</a></li>
</ul>
</body>
</html>

PS : penses au balisage code, bouton #

12monkeys · 02/06/2011, 13h17

Bonjour

Comme le dit NoSmoking c'est en utilisant display que tu aura ce que tu désires.

Plus d'explications ici : http://css.developpez.com/tutoriels/liste-navigation/ ou là http://css.developpez.com/tutoriels/menu-onglets/

balsamique · 02/06/2011, 19h26

Merci de vos réponses!
Je vais voir cela.

02/06/2011, 13h17	#3
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 618 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 618 Points : 6 238 Points : 6 238	Bonjour Comme le dit NoSmoking c'est en utilisant display que tu aura ce que tu désires. Plus d'explications ici : http://css.developpez.com/tutoriels/liste-navigation/ ou là http://css.developpez.com/tutoriels/menu-onglets/ __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	10

02/06/2011, 19h26	#4
balsamique Candidat au titre de Membre du Club Inscription : novembre 2010 Messages : 49 Détails du profil Informations forums : Inscription : novembre 2010 Messages : 49 Points : 10 Points : 10	Merci de vos réponses! Je vais voir cela.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email