Menu 2 niveaux

bonjour

voila j'ai suivi ici le tuto pour fair un menu css
http://css.alsacreations.com/xmedia/exemples/deroulant/cssmenu4.htm

comment faire pour rajouter un sous menu au sous menu ?

Merci

je me demander aussi si il serrait possible de mettre un couleur différente pour chaque menu et sous menu

Salut,

regarde ici pour les menus à plusieurs niveaux:

http://forum.alsacreations.com/topic.php?fid=4&tid=2906#p27192

___

sinon pour la couleur, je pense que tu doit pouvoir créer une class avec des background personalisé que tu appelles dans les listes, du genre:

	#nav li.bleu a{
		background-color : blue;
/* + les autres caractéristiques de ta liste */
	}

puis

 <li class="bleu"><a href="#">Menu 1</a></li>

tu ajoutes autant de class que de couleurs; je ne sais pas si ça peut marcher avec un menu à plusieurs niveaux. A essayer en tout cas...
Modifié par alex_br (04 Apr 2005 - 20:51)

voila j'ai fais ca

http://www.independza.com/client/laEntreprise/html/testmenu.htm

j'arrive bien a mettres des couleurs différentes

mais mon texte ne prends pas de le cadre et sous menu ne sont pas bien aligné , il décalle en bas

?

pour le pb du texte, augmente un peu la taille de tes listes (<li>) en passant de 8 à 9ems.
Ensuite, pour que la balise <a> occupe toute ta cellule, bug IE oblige qui ne comprend pas la propriété display: block, il faut rajouter dans les propriétés de #nav li a la propriété width:100%.

j'ai fais les modifs mais j'ai toujours ce décalage et le problème de texte

étrangement , les sous menu se décalent différement selon le menu

Suivant IE ou Firefox, la propiété margin-top est différemment interprétée. Tes sous-menus se positionnent par rapport à la dernière ligne (si la ligne tient sur plusieurs).

Pour la fluidité de tes menus (sous IE), augmente le margin-top (en négatif) et ajoute width=100% sur #nav li a.

A++

voila le menu

sous Mac OS X safari , camino Firefox

le deuxième niveau va sur la moitée du premier niveau


Modifié par bolo (07 Apr 2005 - 22:39)