Menu déroulant déjà déroulé
Résolu
Debutant en webmastering
Messages postés
401
Date d'inscription
Statut
Membre
Dernière intervention
-
Debutant en webmastering Messages postés 401 Date d'inscription Statut Membre Dernière intervention -
Debutant en webmastering Messages postés 401 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je voudrais savoir pourquoi mon css ne cache pas mon champ "Nous Situer" ?
et aussi comment faire pour le placer ("Nous situer") en dessous de "Société ?
le code en question :
<ul id="menu">
<li><a href="">Produit</a></li>
<li><a href="">Accueil</a></li>
<!--<li><a href="">Formulaire</a></li>-->
<li><a href="">Société</a></li>
<ul>
<li><a href="">Nous situer</a></li>
</ul>
</li>
<li><a href="">Nous contacter</a></li>
</ul>
#menu li ul
{
position: absolute;
left: -999em;
}
je voudrais savoir pourquoi mon css ne cache pas mon champ "Nous Situer" ?
et aussi comment faire pour le placer ("Nous situer") en dessous de "Société ?
le code en question :
<ul id="menu">
<li><a href="">Produit</a></li>
<li><a href="">Accueil</a></li>
<!--<li><a href="">Formulaire</a></li>-->
<li><a href="">Société</a></li>
<ul>
<li><a href="">Nous situer</a></li>
</ul>
</li>
<li><a href="">Nous contacter</a></li>
</ul>
#menu li ul
{
position: absolute;
left: -999em;
}
A voir également:
- Menu déroulant déjà déroulé
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Excel
- Menu caché tv edenwood - Forum TV & Vidéo
1 réponse
La position de "Nous situer" dépend du css que tu nous a fourni.
Si tu avais fait ça pour cacher le texte, il faut rajouter du css comme ceci : https://www.w3schools.com/css/css_display_visibility.asp
Si tu veux faire en sorte qu'au clic, ça décache/cache, il faudra utiliser du js. Tu peux t'inspirer de ça : https://www.lifewire.com/show-and-hide-text-3467102
Au lieu de réinventer l'eau tiède, tu pourrais plutôt taper sur Google "menu déroulant" ou des choses affiliées. Tu as des exemples tout prêts qui peuvent être facilement réexploitables / modifiables (et c'est fait pour)
Si tu avais fait ça pour cacher le texte, il faut rajouter du css comme ceci : https://www.w3schools.com/css/css_display_visibility.asp
Si tu veux faire en sorte qu'au clic, ça décache/cache, il faudra utiliser du js. Tu peux t'inspirer de ça : https://www.lifewire.com/show-and-hide-text-3467102
Au lieu de réinventer l'eau tiède, tu pourrais plutôt taper sur Google "menu déroulant" ou des choses affiliées. Tu as des exemples tout prêts qui peuvent être facilement réexploitables / modifiables (et c'est fait pour)
Les exemples qui sont là sur Internet, sont réellement là pour être repris mais sont impossibles à reprendre tel quel ! Il faut les comprendre tout d'abord, puis les bidouiller parce que c'est jamais comment on veut faire exactement. Mais sauf que tu as une base, un exemple qui marche. Et des gens ont eu l'idée de base avant toi, tout simplement. Et c'est en le bidouillant que tu y mettras ta patte.
Après avoir "copié" une fois, tu pourras le refaire les yeux fermés la seconde fois (surtout que personne ne te demande de faire du bête copié collé v__v)