Comment faire des menus déroulant
Utilisateur anonyme
-
Valmcclane -
Valmcclane -
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.
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.
A voir également:
- Comment faire des menus déroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Barre des menus windows 11 - Guide
- Supprimer menu déroulant excel - Forum Excel
17 réponses
<ul> <li>Objectif <ul> <li>Objectif 1</li> <li>Objectif 2</li> </ul> </li> <li>Lien <ul> <li>Lien 1</li> <li>Lien 2</li> </ul> </li> </ul>
Je crois, ou j'espère, ne pas mettre craqué ! ;)
N'oublies pas de mettre <a></a> car je les aient pas mis !
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. :)
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. :)
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
http://jeanmichel.gens.free.fr/menu2.php
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/
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/
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
mais si tu avais cherché il a déja été répondu à ce sujet
avec une recherche google tu aurais atterri sur CCM
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 !
Avec ce que je t'ai donné, tu dois tout régler en bidouillant la feuille CSS associée !
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.
Comment faire?
Pas, je ne suis pas un pro de la programmation HTLM, CSS et tout le reste.
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.
Je veut faire pareille que sur le site de la FOX.
http://www.foxstudios.com/
Merci d'avance.
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.
mais probléme.
Comment le centrer en haut entre l'en tête et le corps ?
Merci d'avance.
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?
Comment faire?
Autant pour moi, quand je pense déroulant je pense à l'effet javascript...
Affecter la propriété text-align: center au <li> ou au <a>.
https://www.zonecss.fr/proprietes-css/text-align-css.html
Affecter la propriété text-align: center au <li> ou au <a>.
https://www.zonecss.fr/proprietes-css/text-align-css.html
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.
mais après je veut mettre mon menu au centre de ma page en haut.
Comment faire?
Merci beaucoup d'avance.
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.
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.
