Menu/sous menu

fhmenu -  
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonsoir,

Je développe un site en utilisant des div sans tableau comme pour le site https://www.adaware.com/

Je veux créer des sous menu qu'on voit en passant la souris au dessus des menus le cas de la liste des sous menu products, download, support.. du mem site(lavasoft).

J'ai beau essayé en regardant le code source, en vain :(
pouvez-vous me donner un exemple qui me permet de résoudre mon problème.

D'avance merci
A voir également:

3 réponses

Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Bonjour,

Il faut dire qu'il est chiadé.

Des exemples, on en trouve.
Chez Alsacreations… par exemple.

De l'aide ?
Alsacreations
0
fhmenu
 
Merci beaucoup
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

que regardes-tu dans le code ?
il faut regarder le javascript et/ou la feuille de style.

si tu veux faire un menu simple (même à deux ou trois niveau) ne t'embête pas il y a des sources commentées plein le net.

je t'en propose un sur OpenWeb et l'autre sur AlsacréationS.

tu peux aussi te passer de javascript avec la balise ":hover" de css.
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Salut,

C'est bien fait en CSS.
J'en ai récupé plus de 130 lignes pour en avoir un début : https://www.cjoint.com/?dqaytdBPMy

+ Pas sûr que tout soit utile.
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention  
 
je n'en ai jamais douté ou plutôt je ne me suis pas posé la question je voulais juste donner une piste...

mais ta curiosité est un joli defaut car le feuille est belle. quand je vois ça je me dis qu'il faut que je travaille avant d'obtenir une css aussi légère ! tu as enlevé beaucoup de propriétés ?

ils utilisent à fond la hiérachie du document.
#branding-area #main-nav li#home ul li a:hover

je ne remonte jamais autant, je me serais dispensé des deux premiers 'id'. remarque c'est bête de ma part de me priver, ça fait une spécificité de 314 ! au moins t'es sûr te toucher la cible...
;o)
/* Do Not Move - Must Come Before display:block for Gecko */
#branding-area #main-nav li:hover ul ul, #branding-area #main-nav li.iehover ul ul {display: none;}
#branding-area #main-nav li:hover ul, #branding-area #main-nav li.iehover ul {display: block;}

le contenu déclaré avant le contenant, l'inverse doit avoir une incidence sur le dimensionnement du conteneur pour Geko... pfff... la connaissais pas celle-là... une de plus !
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779 > Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention  
 
“tu as enlevé beaucoup de propriétés”
J'en ai sélectionné :
http://www.lavasoft.com/css/main.css

“for Gecko”
Je ne connaissais pas non plus.
Il y en a tellement.

“ils utilisent à fond la hiérachie”
Je me demande quel logiciel fait ça.
Des milliers de caractères inutiles…

“t'es sûr te toucher la cible”
Pas moi non. Avec les fautes de frappe…

(-;
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
désolé pour le bis, pour me faire pardonner je vous rappelle le menu du site d'Opera qui est dans la même veine. par contre ne regardez pas le source : ça fait peur !
;o)
0