From 75f2c543e7fe45c1a3dcea842650a5d13a0235f0 Mon Sep 17 00:00:00 2001 From: polo Date: Sun, 13 Apr 2025 13:30:31 +0200 Subject: =?UTF-8?q?menu=20et=20fil=20d'ariane=20g=C3=A8rent=20le=20champ?= =?UTF-8?q?=20reachable=20dans=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/nav.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) (limited to 'public') diff --git a/public/css/nav.css b/public/css/nav.css index d51c58a..bff3896 100644 --- a/public/css/nav.css +++ b/public/css/nav.css @@ -48,14 +48,17 @@ ul background-color: white; font-weight: bold; } -.drop-down > p::after +.drop-down > a > p::after { content: ' ▼'; font-size: x-small; } -.drop-down:hover > .sub-menu /* faire apparaître sub-menu */ -{ +/* faire apparaître sub-menu */ +.drop-down:hover > .sub-menu{ + display: block; +} +.drop-right:hover > .sub-menu{ display: block; } .sub-menu @@ -71,7 +74,7 @@ ul { background-color: #ffff00; } -.drop-down .sub-menu .drop-down > p:after /* bricolage? */ +.drop-right > a > p:after { content: " ▶"; font-size: x-small; @@ -83,11 +86,11 @@ nav > ul > li > ul position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */ } /* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */ -.drop-down .sub-menu .drop-down +.drop-right { position: relative; } -.drop-down .sub-menu .drop-down .sub-menu +.drop-right .sub-menu { position: absolute; /* positionnement par rapport au précédent "position" en CSS */ left: 100%; -- cgit v1.2.3