Witam, problem polega na tym, że nie działa rozszerzenie się tekstu z #menu. Spędziłem nad tym około 15 min i dalej nie wiem co jest z tym nie tak.
Podsyłam kod do HTML i do CSS. Dodatkowo prawidłowo nie działają funkcje typu padding itp
Z góry Dzięki ;)
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8"/>
<title>"Najpopularniejsze metody Hakerów"</title>
<meta name="discription" content="Popularne metody hakerow w internecie"/>
<meta name="keywords" content="Haker,oszust,zlodzej,Scam,oszustwo"/>
<meta http-equiv="X-UA-Compatible" compatible="IE=edge,chrome=1"/>
<link rel="stylesheet" href="styl.css" type="text/css"/>
<style>
#full
{
width:1000px;
margin-left:auto;
margin-right:auto;
}
#logo
{
background:black;
text-align:center;
padding:10px;
margin-top:20px;
}
#menu
{
margin-top:10px;
padding:10px;
background-color:lightgrey;
color:black;
}
#temat
#sidebar
#content
#footer
</style>
</head>
<body>
<div id="full">
<div id="logo">
<h1>Najpopularniejsze metody Hakerów</h1>
</div>
<div id="menu">
<div class="option">Strona Główna</div><div class="option">Kolejna</div><div class="option">jeszcze jedna</div><div style="clear:both"></div>
</div>
<div id="temat">
Kilka słow o hakerach
</br>coś tam coś tam
</div>
<div id="sidebar">
</div>
<div id="content">
Metody Hakerów
</div>
<div id="footer">
Niebezpieczeństwa w Internecie
</div>
</div>
</body>
i CSS
body
{
background-color:#212121;
font-family: Verdana;
color: white;
}
h1
{
font-size: 45px;
}
a:link
{
color: yellow;
}
a:visited
{
color: yellow;
}
a:hover
{
color: red;
}
.option
{
float:left;
min-width:50px;
font-size:18px;
}