4906 sujets

Sémantique web et HTML

Bonjour,

Je souhaiterai avoir une page avec 2 colonnes, dont celle de gauche contiendrait les menus et celle de droite le contenu de ces menus quand je clique dessus.

Je vois comment faire les deux colonnes mais je n'arrive pas à voir comment le contenu peut s'afficher à droite quand je clique sur un menu à gauche.


<div id="affichage-activites">

        <div id="menu-activites">

        <NAV>

                <ul id="menu-activites-gauche">

                        <li><a href="">la vie à l'école</a></li>
                        <li><a href="">Le personnel</a></li>
                        <li><a href=""></a>La maternelle</li>
                        <li><a href=""></a>Le primaire</li>
                        <li><a href=""></a>Classe ULIS</li>
                </ul>
    
        </NAV>

        </div>
    
        <div id="contenu-activites">
                
        </div>
    
    
    </div>




#affichage-activites {
     /* cette règle ne s'applique qu'àu div dont l'id est container */
     width:100%;
     /* 100% du container */
     max-width:980px ; 
     /* largeur limite du container pour les grands affichges */
     border: 0px solid hsl(216, 69%, 69%);
     /* border : épaisseur style de trait et couleur */
 
     height: auto;
     
     /*background-color: transparent;*/
     /* couleur de fond */
     border-radius:15px;
     /* arrondi des angles */
     margin:auto;
     /* margin: auto va calculer automatiquement les marges à gauche et à droite pour centrer le container */
     padding-top:5px;
     /* marge intérieure */
    }

#menu-activites  {
    float:left;
    width:240px;
    height: 500px;
    background-color:hsl(216, 91%, 69%);
    border-radius:15px;
    
    }

#contenu-activites {
    margin-left:245px;
    height: 500px;
    border-radius:15px;
    /*background-color:#9966FF;*/
        
    }




Pourriez-vous m'aider s'il vous plait ?

Merci

Wilfried
Modifié par Willstgab (09 Oct 2018 - 16:42)