Comment afficher des sous menus

Fermé

delavega470 Messages postés 298 Date d'inscription dimanche 9 février 2014 Statut Membre Dernière intervention 24 mars 2020 - 5 juil. 2017 à 10:19
delavega470 Messages postés 298 Date d'inscription dimanche 9 février 2014 Statut Membre Dernière intervention 24 mars 2020 - 5 juil. 2017 à 12:00

bonjour , je pourrai avoir un coup de main pour un css
je veux qu'on clic sur le menu catalogue et les sous menu de catalogue s'affiche
je suis un peu perdu !!!


<li>
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank">CATALOGUE</a> 
                            <ul class="sous_menu">
                               
                            
                            <li class="nenu1"><a href="#" rel="nofollow noopener noreferrer" target="_blank">menu1</a></li>
                            
                        
                            <li class="menu1">
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank">menu2<span class="fa arrow"></span></a>
                           </li>

A voir également:

Comment afficher des sous menus
Afficher mot de passe wifi android - Guide
Afficher appdata - Guide
Afficher calendrier outlook dans google agenda - Guide
Afficher la taille des dossiers - Guide
Windows 11 afficher plus d'options - Guide

2 réponses

Réponse 1 / 2

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
5 juil. 2017 à 11:17

Salut,

Peux tu nous montrer ton code html complet (balise ul notamment ?) et ton code css ?
Peux tu décrire un peu plus ton problème ou nous dire ce qui te bloque ?

Bonne journée,

Réponse 2 / 2

delavega470 Messages postés 298 Date d'inscription dimanche 9 février 2014 Statut Membre Dernière intervention 24 mars 2020 48
Modifié le 5 juil. 2017 à 12:13


<style>
    

 .sous_menu {
    display: none;/* Masque la sous-liste */

}

.sous_menu:hover .nav {
    display: block; 
    
}

}
    </style>
<[/contents/242-introduction-au-dynamic-html-dhtml div] class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
                        
                        <li class="nav-item">
                            <a href="index.php?page=presentation/home.php" rel="nofollow noopener noreferrer" target="_blank">
                                <[/contents/391-fichier-img img] src="img/paste.png" height="20" width="20"> Présentation</a>
                        
                         <li>
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank">CATALOGUE</a> 
                            <ul class="sous_menu">
                                <a href="index.php?page=catalogue/cata_home.php" rel="nofollow noopener noreferrer" target="_blank">
                              <img src="img/plus.ico" height="20" width="20"></a> 
                            
                            <li class="nenu1"><a href="#" rel="nofollow noopener noreferrer" target="_blank">Pc</a></li>
                            
                        
                            <li class="menu1">
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank">IMPRIMANTE<span class="faarrow"></span></a>
                           </li>
                        </li>
                           </ul>   
                        <li>
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank"><img src="img/box.ico" height="20" width="20"> </a>
                        </li>
                         <li>
                           
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank"> <img src="img/colors.ico" height="20" width="20"> Couleur</a>
                        </li>
                        <li>
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank"><img src="img/user.png"> Administrateur</a>
                        </li>
                        <li>
                            <a href="#" rel="nofollow noopener noreferrer" target="_blank"><img src="img/mail.ico"height="20" width="20"> Newsletter</a>
                        </li>
                       
                                    </ul>
                                  
                                </li>
                            </ul>
                            
                        </li>
                        
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                    </ul>
                </div>

c'est masqué seulement les sous menu ne sortent pas
je veux si on clic sur catalogue on affiche pc et scanner
les autre li pas de touche c'est ainsi je veux

Discussions similaires

Afficher toutes les lignes masquées excel

programme qui n'affiche pas le mot secret

Où sont affichés les FPS Minecraft

Excel si cellule contient texte alors...

Discussions similaires

Newsletters