From 66913ed4e1c99751c7a250bd6e8657261e98e16f Mon Sep 17 00:00:00 2001 From: polo Date: Thu, 13 Nov 2025 14:57:20 +0100 Subject: =?UTF-8?q?buttons=20d=C3=A9roulants=20du=20menu=20surlign=C3=A9s?= =?UTF-8?q?=20quand=20d=C3=A9roul=C3=A9s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/nav.css | 25 ++++++------------------- 1 file changed, 6 insertions(+), 19 deletions(-) diff --git a/public/css/nav.css b/public/css/nav.css index ff31813..a913da0 100644 --- a/public/css/nav.css +++ b/public/css/nav.css @@ -52,7 +52,6 @@ @media screen and (max-width: 1000px){ /* entre 601 et 1000 */ .nav_main p { - /*font-size: smaller;*/ font-size: 90%; } } @@ -86,10 +85,8 @@ /* version petits écrans */ @media screen and (max-width: 600px){ #nav_zone{ - /*position: fixed;*/ display: flex; flex-direction: column; - /*margin: 10px;*/ } .nav_button, .nav_main { @@ -144,10 +141,7 @@ .nav_main { - /*position: fixed;*/ border: 2px solid #13aff0; - /*top: -2px;*/ - /*font-size: 90%;*/ text-wrap: nowrap; } .sub-menu{ @@ -157,15 +151,9 @@ ul{ margin: 0; } -.nav_main ul -{ - /*list-style: none;*/ - /*padding-left: 0;*/ -} .nav_main li { list-style: none; - } .nav_main p { @@ -224,18 +212,17 @@ mettre ici tous les blocs avec :hover, les navigateurs mobiles "simulent" les :h /* écran tactile */ @media (pointer: coarse) /* coarse = grossier = précision écran tactile */ { - .sub-menu-toggle - { + .sub-menu-toggle{ display: inline-block; /* visible sur écran tactile */ } - .drop-down.open > .sub-menu, - .drop-right.open > .sub-menu - { + .drop-down.open > .sub-menu, .drop-right.open > .sub-menu{ display: block; } + .drop-down.open, .drop-right.open{ + background-color: yellow; + } } -.sub-menu -{ +.sub-menu{ display: none; background-color: white; font-size: 95%; -- cgit v1.2.3