Witam.W CSS menu nie chce się podzielić po równo w Lini blokowej.
Podaje kod CSS
*{
margin:0;
padding:0;
font-family:'Roboto','arial';
box-sizing:border-box;
}
body{
background-color:#ddb
}
#wrapper{
max-width:1000px;
margin:0 auto;
background-color:white;
}
header img{
width:100%;
display:block;
}
nav{
background-color:darkcyan;
}
nav a{}
a.menu{
display:inline-block;
width:25%;
}
A TUTAJ KOD HTML
!DOCTYPE html>
<html lang="pl">
<head>
<!-- kodowanie znaków,możemy użyć polskich znaków -->
<meta charset="UTF-8">
<!-- sposób wyświetlania na urządzeniach mobilnych -->
<meta name="vievport" content="width=device-width,initial-scale=1.0">
<!-- tytuł stron. m.in w wynikach wyszukiwania-->
<tittle></tittle>
<!-- importujemy czcionkę,żeby jej użyć -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,900&subset=latin-ext" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<!-- ikona strony -->
<link rel="shortcut icon" href="favicon.ico" type=image/x-icon>
<link rel="stylesheet" href="style.css">
</head>
<body style="margin: 0px; padding: 0px">
<div id="wrapper">
<header>
<img src="programista.jpg" alt="programista-header"/>
</header>
<nav>
<a class="menu active"href="#">O mnie</a>
<a class="menu"href="#">Aktualności</a>
<a class="menu"href="#">Inspiracje</a>
<a class="menu"href="#">Kontakt</a>
</nav>
<section>
<article>
<h1>Nasza pierwsza strona internetowa</h1>
<p><img class="left" src="face.jpg" alt="twarz znanej osoby"/>Taką stronę jesteś w stanie napisać z palca w godzinę po kilku tygodniach nauki.Pomyśl co będziesz w stanie zrobić po kilku miesiącach :)</p>
<p>Nasza strona jest prosta,ale zgodna ze standardami html5.Można ją oczywiście rozbudować i upiększyć,co zrobimy w kolejnym odcinku.Można też napisać ją zupełnie inaczej i uzyskąc ten sam efekt</p>
<p>Nauka stron to eksperymentowanie.Częściej coś działą niż nie działa ;)</p>
</article>
<iframe width="1000" height="563" src="https://www.youtube.com/embed/lyieFu7BnHE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<!-- tutaj iframe -->
</section>
<footer>Zrobiliśmy coś takiego w godzinę :)</footer>
</div>
</body>
</html>
Jest to moja pierwsza strona...proszę o wyrozumiałość :)