Code source wiki de Code test
Version 21.1 par Quentin / Zèbre STURER le 2021/11/23 16:25
- Gérer
Copier- Actions
Exporter
Aperçu avant impression- Affichage
Code source
Pages filles
Contenu
Commentaires
Pièces Jointes
Informations
J'aime
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 1 | |||
| 2 | {{html clean="false"}} | ||
| 3 | <!DOCTYPE html> | ||
| 4 | <html> | ||
| 5 | <head> | ||
| 6 | <meta charset="utf-8"> | ||
| 7 | <link rel="stylesheet" type="text/css" href="menu deroulant.css"> | ||
| 8 | <title>Forbach- 1ère Jeanne D'Arc</title> | ||
| 9 | </head> | ||
| 10 | |||
| 11 | <body style=" margin: 0px; padding: 0px; font-family: Avenir, sans-serif;"> | ||
| 12 | |||
| 13 | <!-- Titre--> | ||
| 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;"> | ||
| 25 | <li ><a href="#"style="color:orange">Louveteaux</a></li> | ||
| 26 | <li><a href="#"style="color:blue">Scouts</a></li> | ||
| 27 | <li><a href="#"style="color:red">Pionniers</a></li> | ||
| 28 | <li><a href="#"style="color:darkgreen;">Compagnons</a></li> | ||
| 29 | </ul> | ||
| 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"> | ||
| 34 | <li ><a href="#"style="color:orange">Louveteaux</a></li> | ||
| 35 | <li><a href="#"style="color:blue">Scouts</a></li> | ||
| 36 | <li><a href="#"style="color:red">Pionniers</a></li> | ||
| 37 | <li><a href="#"style="color:darkgreen;">Compagnons</a></li> | ||
| 38 | </ul> | ||
| 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"> | ||
| 44 | <li><a href="#">CSS display</a></li> | ||
| 45 | <li><a href="#">CSS position</a></li> | ||
| 46 | <li><a href="#">CSS float</a></li> | ||
| 47 | </ul> | ||
| 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> | ||
| 51 | </ul> | ||
| 52 | </nav> | ||
| 53 | |||
| 54 | <div class="conteneur"> | ||
| 55 | <p>Du contenu sous le menu</p> | ||
| 56 | </div> | ||
| 57 | </body> | ||
| 58 | </html> | ||
| 59 | {{/html}} |
