Discussion :

[laurentSc]

Bonjour,

comme certains de mes menus de niveau 2 comportent beaucoup de rubriques, je souhaitais les afficher sur plusieurs colonnes. NoSmoking m'a donné une solution pour faire cela. Le souci, c'est que l'alignement se fait ligne par ligne et non colonne par colonne.
Exemple :

rubrique_01__rubrique_02__rubrique_03__rubrique_04
rubrique_05__rubrique_06__rubrique_07__rubrique_08
rubrique_09__rubrique_10__rubrique_11__rubrique_12

au lieu de :

rubrique_01__rubrique_04__rubrique_07__rubrique_10
rubrique_02__rubrique_05__rubrique_08__rubrique_11
rubrique_03__rubrique_06__rubrique_09__rubrique_12

Le code proposé est le suivant :

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
 
<li><a href="#">Saison 2013/2014</a>
	<ul  class="col_4 col1_decal">
		<li><a href="../lafeclaz/lafeclaz.php">Coupe de France La Feclaz</a></li>
		<li><a href="../cpf_autrans/finale_cpf.php">Finale Coupe de France Autrans</a></li>
		<li><a href="../tir/tir.php">Tir carabine laser</a></li>
		<li><a href="../photos_thomas/photos_thomas.php">Thomas Dubois dans le Vercors</a></li>
	        <li><a href="../stage2014/stage.php">Stage 2014</a></li>								<li><a href="../velo_trieves/velo_trieves.php">Week-end de vélo dans le Trièves</a></li>	
		<li><a href="../fb/foulee_blanche.php">Foulée blanche</a></li>	
		<li><a href="../panathlon/panathlon.php">Soirée Panathlon</a></li>
		<li><a href="../3becs/3becs_velorail.php">Week-end rando aux 3 becs et vélorail en Ardèche</a></li>									
		<li><a href="../canyon06/canyon06.php">Canyon du Versoud le 06/07</a></li>
		<li><a href="../canyon/canyon13.php">Canyon du Neyron 13/07</a></li>
		<li><a href="../canoe/canoe.php">Canoë-kayak sur le Drôme le 29 juin</a></li>
	</ul>
					</li>

avec

Code css :

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

1
2
3
4
5
6
7
#menu ul.col_4{
  width:400%; /* largeur quadruple */
}
#menu ul.col1_decal{
  top:-50px;
  left:-50px;
}

Comment modifier cela ?

[NoSmoking]

Bonjour,

Comment modifier cela ?

j'ai peur que la solution que je te propose ne soit pas des plus simple à mettre en oeuvre mais tant pis je me lance.

Il s'agit de la méthode du couper/coller pour remettre dans l'ordre d'affichage souhaité

[laurentSc]

Ta réponse est logique et de bonne guerre ; en fait, avant de créer cette discussion, j'avais déjà essayé et je n'étais pas satisfait donc revenu en arrière. Au vu de ta réponse, j'ai voulu recommencer pour montrer le problème, mais cette fois, je suis satisfait, donc je sais pas ce qui n'allait pas, mais n'en parlons plus.