From b55a029a5b4867349a172873d20a6ffd91c20e23 Mon Sep 17 00:00:00 2001 From: polo Date: Fri, 18 Jul 2025 15:57:57 +0200 Subject: =?UTF-8?q?petites=20am=C3=A9liorations=20smartphones,=20logo=20et?= =?UTF-8?q?=20fond=20de=20header=20et=20footer=20g=C3=A9r=C3=A9s=20dans=20?= =?UTF-8?q?NodeData?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/nav.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 58 insertions(+), 2 deletions(-) (limited to 'public/css/nav.css') diff --git a/public/css/nav.css b/public/css/nav.css index 3ccdb1f..17b30c9 100644 --- a/public/css/nav.css +++ b/public/css/nav.css @@ -1,7 +1,8 @@ /*-- menu principal --*/ #nav_zone { - height: 33px; + /*height: 33px;*/ + /*width: 100%;*/ } .nav_main { @@ -121,11 +122,13 @@ li:not(.current){ nav > ul > li > ul { position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */ + margin-left: -7px; /* annuler le déplacement dû au padding: 7px; dans ".nav_main li" */ + margin-top: 7px; } /* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */ .drop-right { - position: relative; + /*position: relative;*/ } .drop-right .sub-menu { @@ -133,3 +136,56 @@ nav > ul > li > ul left: 100%; top: -3px; /* la bordure bleue fait 3px */ } + +@media screen and (max-width: 1000px){ + #nav_zone + { + /*height: 29px;*/ + } + .nav_main li + { + padding: 5px; + } + .nav_main p + { + /*font-size: smaller;*/ + font-size: 90%; + } + nav > ul > li > ul + { + margin-left: -5px; + margin-top: 5px; + } +} +@media screen and (max-width: 450px){ + .nav_button + { + /*display: block;*/ + } + #nav_zone + { + /*position: fixed; + justify-content: left;*/ + } + .nav_main + { + /*top: 0px;*/ + } + .nav_main > ul + { + /*flex-direction: column;*/ + } + .nav_main li + { + /**/ + } + .sub-menu p + { + font-size: smaller; + } + .drop-down > .sub-menu + { + /*flex-direction: row;*/ + /*position: static;*/ + } +} \ No newline at end of file -- cgit v1.2.3