Sujet Précédent Sujet Suivant

Probleme menu déroulant(création de sous sous rubrique) HTML CSS

Fermé
GlobeVer9 Messages postés 2 Date d'inscription jeudi 2 juin 2016 Statut Membre Dernière intervention 22 juin 2016 - 22 juin 2016 à 15:53
theketur55 Messages postés 117 Date d'inscription mercredi 4 décembre 2013 Statut Membre Dernière intervention 14 janvier 2018 - 23 juin 2016 à 13:25
Bonjour,

Je rencontre actuellement un probleme avec mon menu déroulant, j'arrive a le faire dérouler, le probleme est que je n'arrive pas a créer des sous-sous rubriques est-ce-que quelqu'un a une solution?

voici mon code html : 


<html>
    <head>
        <title>Page de menu</title>
        <link rel="stylesheet" href="Style.css">
        <meta charset="utf-8">
    </head>
    <body>
        <nav>
            <ul>
                <li class="menu-1"><a href="index.php">Acceuil</a></li>
                <li class="menu-2"><a href="NosProduits.php">Nos Produits</a>
                    <ul class="submenu">
                        <li><a href="###">######</a></li>
                        <li class="menu-5">#########<a href="#####"></a>
                            <ul class="submenu">
                                <li><a href="#######">#######</a></li>
                                <li><a href="#######">#######</a></li>
                                <li><a href="#######">#######</a></li>
                            </ul>
                        </li>
                    </ul>
                <li class="menu-3"><a href="#####">A Propos</a>
                    <ul class="submenu">
                        <li><a href="QuiSommeNous">Qui sommes nous?</a></li>
                        <li><a href="OuSommeNous.php">Où sommes nous</a></li>
                        <li><a href="NousContacter.php">Nous contacter</a></li>
                    </ul>
                </li>
                <li class="menu-5"><a href="#####">Mon Panier</a></li>
                <li class="menu-5"><a href="#####">Mon compte</a>
                    <ul class="submenu">
                        <?php if(isset($_SESSION['Auth']) && $_SESSION['Auth']<>NULL){
                            echo '<li><a href="logout.php">Se déconnecter</a></li>';
                        }else{
                            if(!isset($_SESSION['Auth'])){
                                echo '<li><a href="SeConnecter.php">Se connecter</a></li>
                                <li><a href="Formulaire.php">Creer un compte</a></li>';
                            }
                        }
                        ?>
                    </ul>
                </li>
            </ul>
        </nav>
    </body>
</html>



Voici mon code CSS : 

body{
    font-family:'Source code pro', Calibri, serif;
    font-size: 15px;
    margin: 0px;
    padding: 0px;

}

nav{
    width: 100%;
    height: 60px;
    background-color: #424558;
}

nav > ul{
    margin: 0px;
    padding: 0px;
}

nav > ul::after{
    content:"";
    diplay:block;
    clear:both;
}

nav > ul > li{
    float: left;
    position: relative;
}

nav > ul > li > a{
    padding: 20px 30px;
    color:whitesmoke;
}


nav li{
    list-style-type: none;
    background-color: #424558;
}

.submenu{
    display:none;
}

nav a{
    display:inline-block;
    text-decoration: none;
}

nav li:hover .submenu{
    display: inline-block;
    position: absolute;
    top:100%;
    left: 0px;
    padding: 0px;
    z-index: 100000;
}

.submenu li{
    border-bottom:1px solid #CCC;
}

.submenu li a{
    padding: 15px 30px;
    font-size:13px;
    color: whitesmoke;
    width: 270px;
}

.menu-1:hover{
    border-top:5px solid #e44d26;
}

.menu-2:hover{
    border-top : 5px solid #0070bb;
}

.menu-3:hover{
    border-top: 5px solid #f1dc4f;
}

.menu-4:hover{
    border-top : 5px solid #BBB;
}

nav > ul > li:hover a{
    padding: 15px 30px 20px 30px;
}

.menu-5{
    float: right;
}

.menu-5:hover{
    border-top : 5px solid #BBB;
}


.centrage {
    margin-left: 20%;
}
A voir également:

1 réponse

Réponse 1 / 1
theketur55 Messages postés 117 Date d'inscription mercredi 4 décembre 2013 Statut Membre Dernière intervention 14 janvier 2018 8
22 juin 2016 à 15:55
Regarde Des Tutos De Pierre Giraud !
Il Aide Beaucoup
https://www.youtube.com/channel/UCsFoQ4A9CZbF3qag317uZZQ
0
GlobeVer9 Messages postés 2 Date d'inscription jeudi 2 juin 2016 Statut Membre Dernière intervention 22 juin 2016
22 juin 2016 à 15:58
Salut j'ai déja suivi son tuto pour creer le menu il fonctionne le probleme c que je n'arrive pas a creer des sous rubriques aux rubriques deja existante
0
theketur55 Messages postés 117 Date d'inscription mercredi 4 décembre 2013 Statut Membre Dernière intervention 14 janvier 2018 8 > GlobeVer9 Messages postés 2 Date d'inscription jeudi 2 juin 2016 Statut Membre Dernière intervention 22 juin 2016
23 juin 2016 à 13:25
ah excuse moi je ne peut plus t'aider jsuit q'un débutant
0

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses