sous menu css

Version imprimable

sous menu css

Bonjour.

Je suis en train de tenter de mettre un sous menu dans un menu.
C'est à dire avec un sous menu qui apparaît quand on place le curseur dessus (un peu comme sur la page principale du site).

D'ailleur en parlant de ça, je suis allé voir dans le code source de la page de développez .com

j'ai trouvé la partie correspondante:

Code:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
    <div id="gabarit">
 
    <div id="gabarit_tabmenu">
        <div>&nbsp;</div>
        <ul id="tabs">
 
	            	                <li class="item first">
 
	                	                    <a href="http://www.developpez.com/" class="selected">
 
	                   Accueil
 
	                                               <span class="tooltip">
                            Actualités IT Pro
	                       </span>
                       	                </a>
 
 
	            </li>
 
	            	                <li class="item">
 
	                                        <a href="http://conception.developpez.com/">
 
	                   Conception
 
	                                               <span class="tooltip">
                            Cycle de vie du logiciel
	                       </span>
                       	                </a>
 
 
	                    <ul class="submenu">
	                        <li><a href="http://conception.developpez.com/">Conception</a></li>
	                        	                            	                                <li>
	                            	                                <a href="http://uml.developpez.com/">UML</a>
	                            </li>
	                        	                            	                                <li class="last">
	                            	                                <a href="http://merise.developpez.com/">Merise</a>
	                            </li>
 
 
	                    </ul>
 
 
	            </li>

Bon apparemment la partie qui m'intéresse se trouve dans la définition de la classe submenu que je vois déclarée ici:

Code:

1
2
 
<link rel="stylesheet" type="text/css" href="Forum%20des%20professionnels%20en%20informatique_fichiers/vbulletin_important.css">

le problème, c'est que je n'ai pas accès à ce fichier et donc j'aimerais bien savoir avec quelle partie de code est définie la classe submenu pour permettre l'affichage d'un tableau en dessous.

Merci d'avance.

13/08/2009, 18h35
Chiwawa

le fichier css que tu cherche est ici: http://www.developpez.net/forums/cli..._important.css

mais je ne crois pas que ca va t'aider...

regarde plutot cet exemple de menu horizontale avec sous menu style onglet:Menu Horizontale

sinon il y a beaucoup dautre exemple ici:galerie developpez.com
13/08/2009, 19h50
Pov type
ok merci, effectivement, ça ne m'a pas aidé.

Je suis allé voir tes exemples.

Bon, le 1er trop compliqué pour moi.

sinon je suis allé voir les autres exemples, si ce n'est qu'il y a certaines parties de codes que je n'ai pas trop compris à quoi elles servaient:
Code:

1 2 3 4 5 6 7 position:relative; position:absolute; display:none; (à mon avis il doit s'agir de l'affichage par défaut)
17/08/2009, 14h17
ml1234

re

perso,
j'ai arrêté de me torturer et suis passé à :
http://www.xtreeme.com/ (peut-être un jour à scheme designer pour créer moi-même)
et à
http://www.allbuttons.com/

http://flashmenulabs.com/ a l'air pas mal pour le flash. je craquerai peut-être un jour. et leur menu tickers a l'air chouette aussi

bon , les puristes vont me lincher mais à 10-50 euros, je ne me casse plus à faire des menus

Marc
17/08/2009, 20h41
12monkeys

Bonsoir

La propriété position permet de positionner un élément. La valeur absolute fait sortir l'élément du flux : c'est à dire qu'il n'influe plus sur ses voisins, ceux si se positionnent comme s'il n'existait pas. Il se positionnera par rapport au premier élément parent qui sera positionné (en relative) ou par rapport aux bords du navigateur. Pour déplacer cet élément on peut utiliser les propriétés top, left, right et bottom...

La valeur relative ne fait pas sortir l'élément du flux, se voisins seront influencés par lui. Pour le déplacer on peut aussi utiliser les propriétés top, left, right et bottom... Bref son empalcement d'origine restera "utilisé" même si tu déplace l'élément...

Display permet de définir le mode d'affichage de l'élément. La valeur none va faire disparaitre l'élément...