diff --git a/nomemenù1/sezione/index.html b/nomemenù1/sezione/index.html index 77dbb3a..ff109e4 100644 --- a/nomemenù1/sezione/index.html +++ b/nomemenù1/sezione/index.html @@ -3,9 +3,9 @@ Milites Christi - - - + + +
diff --git a/nomemenù2/sezione/index.html b/nomemenù2/sezione/index.html index 77dbb3a..ff109e4 100644 --- a/nomemenù2/sezione/index.html +++ b/nomemenù2/sezione/index.html @@ -3,9 +3,9 @@ Milites Christi - - - + + +
diff --git a/style.css b/style.css index 2152c65..62824a8 100644 --- a/style.css +++ b/style.css @@ -15,7 +15,7 @@ html { background-size: cover; } -body{ +body { margin-left: 10%; margin-right: 10%; } @@ -34,7 +34,7 @@ body{ text-align: center; top: 5px; margin-left: 2%; - margin-right:12%; + margin-right: 12%; } h1, @@ -56,13 +56,13 @@ h6 { header { position: relative; - + } nav { background: #fdf9bb; box-shadow: 2px 3px 20px black, 0 0 60px #c48e58 inset; - + } @@ -75,41 +75,39 @@ nav ul { nav ul>li { display: inline-block; position: relative; - padding-left: 20px; - padding-right: 20px; } + nav a { + color: black; + text-decoration: none; + padding: 15px; + display: block; + } -nav a { - color: black; - text-decoration: none; - padding: 15px; - display: block; -} + nav a:hover { + box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset; + } -nav a:hover { - box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset; -} + nav .dropdown { + max-height: 0; + overflow: hidden; + transition: max-height 1s ease; + } -nav .dropdown { - max-height: 0; - overflow: hidden; - transition: max-height 1s ease; -} + nav li:hover>.dropdown, + nav li:focus>.dropdown { + max-height: 300px; + } -nav li:hover>.dropdown, -nav li:focus>.dropdown { - max-height: 300px; -} + nav .dropdown { + position: absolute; + background: #fdf9bb; + box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset; + z-index: 1; + } -nav .dropdown { - position: absolute; - background: #fdf9bb; - box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset; - z-index: 1; -} + nav ul ul li { + white-space: nowrap; + } -nav ul ul li { - white-space: nowrap; -} /*Da qui potete inserire tutto il layout della vostra pagina*/ \ No newline at end of file