ÿþ<html> <head> <title> Piotr Aapa 1.4 </title> <style> body {margin:0;} ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } ul.topnav li {float: left;} ul.topnav li a { display: inline-block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; transition: 0.3s; font-size: 17px; } ul.topnav li a:hover {background-color: #555;} ul.topnav li.icon {display: none;} @media screen and (max-width:680px) { ul.topnav li:not(:first-child) {display: none;} ul.topnav li.icon { float: right; display: inline-block; } } @media screen and (max-width:680px) { ul.topnav.responsive {position: relative;} ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; } ul.topnav.responsive li { float: none; display: inline; } ul.topnav.responsive li a { display: block; text-align: left; } } .kontener{ position: relative; background-color: lightblue; width: 1100px; height: 1000px; margin: auto; padding: 0px; border: 1px solid green; } .kontener2{ width: 1100px; height: 150px; margin: 50px auto; border: 1px solid red; background-color: yellow; } .kontener3{ background-image:url(http://1.bp.blogspot.com/-kESMcvRaGmo/UTS831-vwGI/AAAAAAAAAAQ/Oh5572_ojAo/s760/internet-witaj.jpeg); Background-repeat: no-repeat; height: 427px; width: 760px; margin: 200px auto auto; border: 1px solid green; } </style> </head> <body> <div class="kontener"> <ul class="topnav" id="myTopnav"> <li><a class="active" href="index.html">Strona gBówna</a></li> <li><a href="wiadomosci.html">Wiadomo[ci</a></li> <li><a href="opis.html">Opis</a></li> <li><a href="galeria.html">Galeria</a></li> <li class="icon"> <a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">0&</a> </li> </ul> <div class="kontener2"> <center> <h1> Strona gBówna </h1> </center> </div> <div class="kontener3"> </div> </div> <script> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } </script> </body> </html>