Menu déroulant vertical [Résolu/Fermé]

Signaler
Messages postés
234
Date d'inscription
dimanche 16 novembre 2008
Statut
Membre
Dernière intervention
27 décembre 2020
-
Messages postés
23075
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
19 janvier 2021
-
Bonjour,

J'utilise 3 div pour afficher une barre qui reste visible en haut de la page
<div class="left" align="left">Bienvenue <?php echo $login; ?></div>
<div class="center" align="center"><a href="index.php"><font color="FEF600">Navigation</font></a> | <a href="liste-membres.php"><font color="FEF600">Liste des membres</font></a> | <a href="partenaires.php"><font color="FEF600">Partenaires</font></a> | <a href="support.php"><font color="FEF600">Support</font></a></div>
<div class="right" align="right"><a href="connexion.php"><font color="green">Connexion</font></a> - <a href="inscription.php"><font color="orange">Inscription</font></a></div>

et le css des 3 div
div.left
{
background-image: url(../images/fbg.png);
color: #ffffff;
top: 0;
left: 0;
text-align: left;
position: fixed;
width: 15%;
}

div.center
{
background-image: url(../images/fbg.png);
color: #ffffff;
top: 0;
left: 15%;
text-align: center;
position: fixed;
width: 70%;
}

div.right
{
background-image: url(../images/fbg.png);
color: #ffffff;
top: 0;
right: 0;
text-align: right;
position: fixed;
width: 15%;
}


Je souhaiterais, afficher le menu comme menu déroulant quand on clique sur "Navigation".

Voici la barre actuellement : http://nsa31.casimages.com/img/2013/02/25//130225124400618696.png
Comment je vois le menu déroulant : http://nsa32.casimages.com/img/2013/02/25//130225124500930485.png

Pourriez-vous m'aider sur les différente possibilités pour arrivé au résultat voulu ?

Merci d'avance.

2 réponses

Messages postés
456
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
16 mai 2014
28
Messages postés
23075
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
19 janvier 2021
2 185
le code complet et expliqué + autres exemples :
https://www.unesourisetmoi.info/menuv1/index.php
fais ton choix ... :)