Modifications pour le document Code test
Modifié par Quentin / Zèbre STURER le 2021/12/16 23:14
- Gérer
Copier- Actions
Exporter
Aperçu avant impression- Affichage
Code source
Pages filles
Contenu
Commentaires
Pièces Jointes
Informations
J'aime
<
>
modifié par Quentin / Zèbre STURER
sur 2021/11/23 16:25
sur 2021/11/23 16:25
modifié par Quentin / Zèbre STURER
sur 2021/11/23 11:29
sur 2021/11/23 11:29
Commentaire de modification :
Il n'y a aucun commentaire pour cette version
Afficher le contexte
Masquer le contexte
Résumé
Détails
-
Propriétés de la Page
-
- Contenu
-
... ... @@ -1,4 +1,4 @@ 1 - 1 +{{css}} 2 2 {{html clean="false"}} 3 3 <!DOCTYPE html> 4 4 <html> ... ... @@ -8,20 +8,12 @@ 8 8 <title>Forbach- 1ère Jeanne D'Arc</title> 9 9 </head> 10 10 11 -<body style=" margin: 0px; padding: 0px; font-family: Avenir, sans-serif;"> 12 - 13 - <!-- Titre--> 11 +<body> 14 14 <h1>Menu déroulant sticky HTML et CSS</h1> 15 - 16 -<!-- bare de menu--> 17 -<nav style="width: 100%; margin: 0 auto; background-color: #11487B ;position: sticky; top: 0px;"> 18 - 19 -<!-- Menu Principal--> 20 - <ul style ="list-style-type: none; font.color: white;"> 21 - <li class="deroulant"><a href="#"style="color: white; float: left;width: 19%; text-align: center;position: relative;">Branches  </a> 22 -<!-- Menu Secondaire--> 23 - <!-- 1er Menu--> 24 - <ul class="sous" style="list-style-type: none;"> 13 +<nav> 14 + <ul> 15 + <li class="deroulant"><a href="#"style="color: white">Branches  </a> 16 + <ul class="sous"> 25 25 <li ><a href="#"style="color:orange">Louveteaux</a></li> 26 26 <li><a href="#"style="color:blue">Scouts</a></li> 27 27 <li><a href="#"style="color:red">Pionniers</a></li> ... ... @@ -28,9 +28,8 @@ 28 28 <li><a href="#"style="color:darkgreen;">Compagnons</a></li> 29 29 </ul> 30 30 </li> 31 - <!--Second Menu--> 32 - <li class="deroulant"><a href="#"style="color: white;float: left;width: 19%;text-align: center;position: relative;">Photos  </a> 33 - <ul class="sous" style="list-style-type: none"> 23 + <li class="deroulant"><a href="#"style="color: white">Photos  </a> 24 + <ul class="sous"> 34 34 <li ><a href="#"style="color:orange">Louveteaux</a></li> 35 35 <li><a href="#"style="color:blue">Scouts</a></li> 36 36 <li><a href="#"style="color:red">Pionniers</a></li> ... ... @@ -37,17 +37,15 @@ 37 37 <li><a href="#"style="color:darkgreen;">Compagnons</a></li> 38 38 </ul> 39 39 </li> 40 - 41 - <!--troisième Menu--> 42 - <li class="deroulant"><a href="#"style="color: white;float: left;width: 19%;text-align: center;position: relative;">Archives  </a> 43 - <ul class="sous" style="list-style-type: none"> 31 + <li class="deroulant"><a href="#"style="color: white">Archives  </a> 32 + <ul class="sous"> 44 44 <li><a href="#">CSS display</a></li> 45 45 <li><a href="#">CSS position</a></li> 46 46 <li><a href="#">CSS float</a></li> 47 47 </ul> 48 48 </li> 49 - <li><a href="#"style="color: white ;float: left;width: 19%;text-align: center;position: relative;">Contact</a></li>50 - <li><a href="#"style="color: white ;float: left;width: 19%;text-align: center;position: relative;">A propos</a></li>38 + <li><a href="#"style="color: white">Contact</a></li> 39 + <li><a href="#"style="color: white">A propos</a></li> 51 51 </ul> 52 52 </nav> 53 53
