Comment faire des menus déroulant Fermé

Question

Bonjour,
je souhaiterais sur mon site, faire des menus déroulant comme sur ce site:
http://www.foxstudios.com/
En faite je voudrais juste faire un menu horizontale, avec des catégories, puis quand on vas sur une des catégorie avec le curseur, des sous catégorie apparaisse, avec dessus les liens vers les pages.
En gros comme sur le site don j'ai mis le lien.
Merci d'avance.

LelLex · Answer

Objectif
- Objectif 1
- Objectif 2
Lien
- Lien 1
- Lien 2

Je crois, ou j'espère, ne pas mettre craqué ! ;) N'oublies pas de mettre car je les aient pas mis !

Utilisateur anonyme · Answer

Ok, merci.
Mais après comment faire pour que les sous menu ne sois pas visible, juste le menus principale.
Exemple.

Menu principaleFilm

Sous menusFILM1
                  FILM2
                  FILM3
                  FILM4
                  FILM5
Merci d'avance, je veut faire exactement la m^me chose que sur le site de la fox. :)

jmg78 · Answer

les menus deroulants sont ecrits en javascript en général tu peux donc en lisant le code source t'en inspirer si tu ne sais pas trop le faire tu peux en trouver des touts faits sur google ou te servir de celui ci
http://jeanmichel.gens.free.fr/menu2.php

Utilisateur anonyme · Answer

Merci,Merci,Merci,Merci,Merci,Merci,Merci,Merci,Merci,Merci.
C'est sa que je cherche, je vais me pencher sur la chose. je vous tiens au courants.
En attendant voila mon site, qui n'est pas fini.
http://younglight-pictures.fr/

jmg78 · Answer

un merci ça fait toujours plaisir aux gens qui répondent c'est bien 

mais si tu avais cherché il a  déja été répondu à ce sujet 
avec une recherche google tu aurais atterri sur CCM

LelLex · Answer

Les menus déroulants ne sont pas TOUS en Javascript !

Avec ce que je t'ai donné, tu dois tout régler en bidouillant la feuille CSS associée !

Utilisateur anonyme · Answer

Ok, je vais tout regarder, et je vous dirai quand j'aurais réussis.
Merci à vous deux.

Utilisateur anonyme · Answer

J'ai un probléme, le code fonctionne. mais je n'arrive pas à faire en sorte à ce que le menu déroulants passe devant le corps de la page quand je passe ma souris dessus.
Comment faire?
Pas, je ne suis pas un pro de la programmation HTLM, CSS et tout le reste.

jmg78 · Answer

du quel tu parles ?

Utilisateur anonyme · Answer

Je parle, du menu déroulants, et je voudrais qui passe devans le texte. Car moi sa descend le corp de page à chaque fois.
Je veut faire pareille que sur le site de la FOX.
http://www.foxstudios.com/ 
Merci d'avance.

Utilisateur anonyme · Answer

Sa y est j'ai mon script, est il marche parfaitement.
mais probléme.
Comment le centrer en haut entre l'en tête et le corps ?
Merci d'avance.

Rodolphe_ · Answer

Il est pas déroulant ce menu chez foxstudios!!

Utilisateur anonyme · Answer

Si, il y a les menu production services depts qui est déroulant. Mais j'ai mon script de menu. le seul probléme c'est que je n'arrive pas à le centrer. 
Comment faire?

Rodolphe_ · Answer

Autant pour moi, quand je pense déroulant je pense à l'effet javascript... Affecter la propriété text-align: center au

ou au . https://www.zonecss.fr/proprietes-css/text-align-css.html

Utilisateur anonyme · Answer

Oui, mais mon texte est aligné au milieu des blocks de menu.
mais après je veut mettre mon menu au centre de ma page en haut.
Comment faire?
Merci beaucoup d'avance.

Rodolphe_ · Answer

alors affecter la propriété margin: 0 auto; au ul avec un width à 100%

Valmcclane · Answer

J'ai essayer mais sa ne fonctionne pas.
Je postz mon script CSS. Sa pourra aider.

body {
	background-color: #000;
} 
#en_tete  {
color: #FFF;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:inherit;
padding:0;
background-color:#333;
}
#menu li a {
display:block;
width:116px;
color:white;
text-decoration:none;
padding:1px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
} 
#corps
{
   color: #FFF;
   background-color: #626262;
   background-image: url("font gris.jpg");
   background:no-repeat
   border: 1px solid black;
   margin-left:240px;
   margin-right:240px;
  
}
#pied_de_page  {
	color:#FFF;
	background-color: #626262;
	background-image: url("dégrader bas.jpg");
    border: 1px solid black;
    margin-left:240px;
    margin-right:240px;
	}

Merci d'avance.

Comment faire des menus déroulant

17 réponses

Discussions similaires