Différences

Ci-dessous, les différences entre deux révisions de la page.

--- nsi:langages:html:menu [2024/10/28 19:33] – goupillwiki
+++ nsi:langages:html:menu [2024/10/28 19:41] (Version actuelle) – goupillwiki
@@ Ligne 68: / Ligne 68: @@
   * Certains éléments sont là pour casser la façon normale dont les choses s'affichent. Normalement une liste ''<ul>'',  c'est une liste à puces. On ne veut pas de puce ici donc ''list-style:none;''. Normalement, les liens apparaissent avec un soulignement. Ici on veut que les liens ressemblent à des boutons de menu, sans le soulignement donc ''text-decoration:none;''.
   * On veut que le menu se mette sur la gauche : ''float:left;''.
+===== Cas absolute =====
+Il est possible de positionner le menu à une place de façon qu'il ne bougera pas, même si on descend dans la page. On appelle cela un positionnement absolu, en pixels par rapport aux bords de la fenêtre. Vous trouverez un exemple [[https://jsfiddle.net/gromax/8rcpx64L/6/|ici]].
+La partie importante est :
+<code css>
+position:absolute;
+top: 5px;
+left:5px;
+</code>
+''top'' donne la distance par rapport au haut de la fenêtre et ''left'' est la distance par rapport au bord gauche.