From a8cb910dcf2600276ab00b8826148cbc52f9938c Mon Sep 17 00:00:00 2001 From: Olav <olavusk@stud.ntnu.no> Date: Wed, 27 Oct 2021 14:57:47 +0200 Subject: [PATCH] Fikset Meny og style --- css/style.css | 16 +++++++++++++--- meny.html | 16 ++++++++++++---- 2 files changed, 25 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 421776d..6ed3e12 100644 --- a/css/style.css +++ b/css/style.css @@ -368,14 +368,24 @@ footer { } /* CSS below is for meny.html */ -.container { +#Bmny, #Pmny, #Dmny, #DagTil{ text-align: center; } -.container li{ +#Pmny li, #Bmny li, #Dmny li{ text-decoration: underline; list-style-type: none; } - +.menyNav { + position: fixed; + left: calc(50% - 35em); + z-index: 1; + top: 75px; + width: 14em; + background:transparent; + overflow-x: hidden; + padding: 8px 0px 8px 5px; + display: block; +} /* CSS below is for om_oss.html */ #matrix { diff --git a/meny.html b/meny.html index 09cab5a..6c55ec9 100644 --- a/meny.html +++ b/meny.html @@ -44,12 +44,20 @@ </div> </nav> </header> + <nav class="menyNav"> + <h4>Innhold</h4> + <ul> + <li><a href="#Bmny">Burger</a></li> + <li><a href="#Pmny">Pizza</a></li> + <li><a href="#Dmny">Drikke</a></li> + </ul> + </nav> <main> <div class="container"> - <section id="DagTil"> + <section id= "DagTil"> <header> - <h1>Dagens tilbud</h1> + <h1>Dagens tilbud</h1> </header> <p>Pizzatilbud! <br> Stor pizza + 1.5l brus <br> kr 99,-</p> </section> @@ -67,23 +75,23 @@ <section id="Pmny"> <header> <h1>Pizza</h1> + </header> <ul> <li id="Margarita">Margarita</li> <li id="Peperoni">Peperoni Pizza</li> </ul> - </header> </section> <section id="Dmny"> <header> <h1>Drikke</h1> + </header> <ul> <li id="Cola">Cola</li> <li id="Sprite">Sprite</li> </ul> - </header> </section> </div> </main> -- GitLab