Menu vertical (pour info)

menu vertical du tutoriel
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal

ajout d'une image pour savoir si il y a des sous-menus

le code: 

pour le css.
dl#menu a.daddy {
	background-image: url('image.gif');
	background-repeat: no-repeat;
	background-position: 90% 50%; /* horizontal vertical */
}

ds body
 <dt onclick="javascript:montre('smenu2');"><a class="daddy">Menu 2</a></dt>
			<dd id="smenu2">
				<ul>
					<li><a href="#">Sous-Menu 2.1</a></li>
					<li><a href="#">Sous-Menu 2.2</a></li>
					<li><a href="#">Sous-Menu 2.3</a></li>
				</ul>
			</dd>	

pour l'affichage de l'image au passage de la souris avec changement de couleur de fond (ligne css déjà faite ou à rajouter si autre couleur)

  le css
dl#menu li a.daddy:hover, dl#menu dt a.daddy:hover {
	background-image: url('../site-ot/images/fleche-b.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 93% 50%; /* horizontal vertical */
	
}

html

<dt onclick="javascript:montre('smenu2');"><a class="daddy" href="#">Menu 2</a></dt>

pour ceux que ça interresse
Modifié par flattazor (11 Nov 2007 - 16:53)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation


Modifié par Mikachu (10 Nov 2007 - 12:14)