Witam tak jak wyżej, tworzę jak narazie początek strony i napotkałem problem, gdy chce tak jak w filmie Pana Mirosława by po najechaniu kursorem na danego diva(a dokładniej li) kolor tła się zmienił, niestety ja nie mogę znaleźć od dłuższego czasu gdzie jest błąd, więc proszę Was o pomoc z nadzieją, że ktoś bardziej doświadczony szybko zlokalizuję błąd, pozdrawiam i z góry dziękuje
kod html
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Gold</title>
<meta name="description" content="klub" />
<meta http-equiv="X-UA Compatible" content="IE=edge, chrome=1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1 style="color:#DADADA">Golden</h1>
</div>
<div id="nav">
<ol>
<div class="navi"><li><a href="#">Strona główna</a></li></div>
<div class="navi"><li><a href="#">Informacje</a></li></div>
<div class="navi"><li><a href="#">Osoby</a></li></div>
<div class="navi"><li><a href="#">Kontakt</a></li></div>
<div style="clear:both;"></div>
</ol>
</div>
<div id="contentwithmenu">
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent fringilla dapibus lacus sit amet aliquam. Nam hendrerit interdum diam, non varius augue vehicula at. Quisque quis ipsum sagittis, ullamcorper tortor in, pellentesque neque. Phasellus velit eros, molestie at diam nec, aliquam viverra sem. Nullam porta justo in tortor lacinia vulputate. Suspendisse tristique neque accumsan, placerat dui bibendum, scelerisque ipsum. Nulla dictum felis ullamcorper nunc sodales malesuada. Duis finibus aliquet venenatis. Proin placerat, urna sed placerat efficitur, sem arcu egestas metus, id vehicula justo elit id dolor. Phasellus urna leo, placerat quis tempor sit amet, condimentum in mauris. Sed porttitor consequat lorem, vulputate posuere nulla bibendum ac.
Morbi sodales pulvinar bibendum. In molestie elit efficitur mauris scelerisque hendrerit. Nunc imperdiet tempor congue. Etiam molestie dapibus porttitor.
In vitae finibus metus, et elementum nulla. Quisque efficitur rhoncus nisi sit amet sollicitudin. Etiam vitae semper erat. Curabitur sollicitudin sit amet massa blandit vulputate. Duis at dui tempor, tempor tortor a, fringilla risus. Vivamus at rutrum dui. Nam nibh sapien, sagittis eu dignissim commodo, tempor nec tortor.
Pellentesque finibus, quam vitae convallis fringilla, nulla dui interdum sapien, ac fermentum sapien mi ac enim. Quisque tortor lectus, euismod sit amet nunc ut, aliquam pulvinar dui. Duis nisi magna, semper sit amet tempor et, tristique et massa. Suspendisse id dapibus elit. Nam sed mauris magna. Phasellus rhoncus suscipit sem, ac aliquet nibh euismod convallis. Aliquam erat volutpat. Nam faucibus tristique turpis, id posuere urna efficitur quis. Vivamus dapibus dui dui, nec eleifend justo tempor eu. Morbi ex felis, pulvinar tincidunt ante eget, placerat porttitor leo. Suspendisse sodales massa ut quam blandit euismod.
Donec metus quam, aliquet at scelerisque non, vulputate ut lacus. Quisque pretium est lectus, nec cursus magna hendrerit id. Aliquam ornare ac libero et pellentesque. In a libero neque. Maecenas fringilla tortor justo. Mauris vel erat elit. Donec at massa dui.
In accumsan auctor eros, vel vehicula nibh consequat a. Mauris nisl elit, pulvinar nec dolor sit amet, sagittis faucibus leo. Suspendisse malesuada dapibus felis, nec dictum libero faucibus quis. Ut aliquet ex eget dolor dictum blandit. Praesent at posuere est. Quisque pellentesque suscipit gravida. Cras pulvinar ipsum eu neque scelerisque ultrices. Vestibulum sed felis sit amet tortor varius auctor sit amet vel odio. Suspendisse potenti. Donec sed lacus arcu. Fusce at nibh vitae ex tincidunt congue vel at justo. Donec facilisis viverra dolor ut dignissim. Fusce pretium urna ac ipsum volutpat, id aliquet urna elementum.
</div>
<div id="menubottom">
sad
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Kod css:
body
{
background-color:#192226;
margin: 0!important;
}
#header
{
height: 70px;
background-color:#192226;
text-align:center;
padding: 10px;
}
#wrapper
{
width:100%;
}
#nav
{
height: 70px;
background-color:#575757;
text-align:left;
border: 1px solid #9999FF;
}
.navi
{
float:left;
padding:10px;
margin-right:75px;
}
}
#contentwithmenu
{
width: 100%;
}
#content
{
background-color:#143D66;
width: 70%;
float:left;
min-height: 420px;
}
#menubottom
{
background-color: #5252CC;
width: 30%;
float: left;
min-height: 420px;
}
#footer
{
background-color:black;
height:57px;
clear:both;
}
ol
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 20px;
height: 30px;
line-height: 200%;
display:inline-block;
}
ol a
{
color:#FFFFCC;
text-decoration: none;
display:block;
}
ol > li
{
float:left;
width: 150px;
}
ol > li:hover
{
background-color:red;
}
To czego dotyczy się blad jest wyżej(ol >li:hover)
Edit: W przypadku stylizacji samego li działa, lecz nie tak jakbym chciał.. :/