diff --git a/css/style.css b/css/style.css index 421776dbfc5e96fb973a5712914e1e3bc2a2e891..6ed3e12d3b3ca14ade8687bc08004d114786c0ac 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 09cab5a847f057eb3c2a081a5816264f2614a9c1..6c55ec9ec0a649d69a980a26528b07e6244de9c2 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>