Discussion :

[laurentSc]

Bonsoir,

je voudrais afficher un item de menu sur une seule ligne au lieu de 2. Le CSS que j'ai appliqué n'a aucun effet ; pouvez-vous m'expliquer ?

Code html :

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

1
2
3
4
5
6
7
<ul class="menu">
	<li><a href="#">Sorties</a>
		<ul>
			<li class="col4"><a href="../sortie/nelle_sortie.php">Créer une nouvelle sortie</a></li>
		</ul>
	</li>
...

Code css :

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

1
2
3
.menu ul.col_4,ul.col_4{
  width:400%; /* largeur quadruple */
}

j'ai aussi essayé :

Code css :

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

1
2
3
.menu ul.col_4,.menu.ul.ul.col_4{
  width:400%; /* largeur quadruple */
}

[Bisûnûrs]

Ton code CSS indique un élément ul qui a la classe .col_4, or c'est ton élément li qui a la classe .col4. Deux erreurs en une. Pense à te relire...

[laurentSc]

ce n'était pas une question d'inattention, mais d'ignorance ; en fait, je m'étais inspiré d'un code déjà existant où en effet la classe portait sur une ul et non une li...

[Invité]

Laurent,
il faut que fasses plus attention :

ul.col_4 est différent de ul .col_4 ! Remarque l'espace dans le 2ème.

• ul.col_4 : c'est le ul qui a la classe col_4
• ul .col_4 : c'est un élément (non précisé) ayant la classe col_4 et contenu dans un ul

Par conséquent : .menu.ul.ul.col_4 ne veut rien dire !!

[laurentSc]

selon moi, si : la classe "col_4" d'un ul inclus dans un autre ul, lui même inclus dans un élément de classe "menu" ; c'est ça ou je me trompe ? oui !! .menu ul ul.col_4 (je m'en suis aperçu à l'instant...)