Witam spotkałem się dzisiaj z dziwnym problemem, mianowicie content strony oraz stópka jest podkreślona na fioletowo, tak jakby była linkiem. Text decoration wyłączyłem i żadnych błędów nie dostrzegam, dlatego proszę was o pomoc :D
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Astrofoto.pl</title>
<meta name="Astrofoto" content="Ta strona to prawdziwe kompendium wiedzy na tematy scisłe, głównie astronomi ale również fizyki kwantowej czy niektórych dziedzin matematyki" />
<meta name="keywords" content="matematyka,astronomia,fizyka kwantowa" />
<link rel="stylesheet" href="style.css" type="text/css"/>
<link rel="stylesheet" href="css/sun.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<div class="rectangular">
<div class="headerL">Astrofoto.pl</div>
<div class="headerR">Zaloguj Się</div>
<div style="clear:both;"></div>
</div>
<div class="nav">
<ol>
<li><a href="#">Strona główna</li>
<li><a href="#">Astronomia</li>
<li><a href="#">Fizyka kwantowa</li>
<li><a href="#">Matematyka </li>
</ol>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elementum, felis vel imperdiet rhoncus, lorem nulla pellentesque eros, nec molestie ligula tellus ut odio. Etiam sed lacinia elit. Ut porttitor lectus est, a convallis nibh porttitor nec. Quisque hendrerit sapien nec lectus hendrerit, ac vestibulum velit hendrerit. Pellentesque egestas lacus quam, et gravida sapien tincidunt eget. Pellentesque aliquet faucibus lacus, sed hendrerit nisi suscipit a. Donec quis lacus diam. Nunc maximus urna vel lectus ornare, eu congue magna convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lorem massa, vitae sollicitudin ligula lobortis sit amet. Morbi ut lectus sit amet ligula congue vehicula vitae id metus. Pellentesque blandit nulla tortor, quis volutpat velit elementum nec.
Ut fringilla urna semper felis pharetra scelerisque. Etiam tincidunt erat tortor, eu feugiat lacus dictum a. Curabitur vel posuere purus, eget imperdiet mi. Proin vestibulum tempor magna a pulvinar. Sed non urna mauris. Quisque ultricies, ante at pretium tempor, odio lacus convallis lectus, id imperdiet odio turpis et quam. Etiam sollicitudin nulla volutpat ullamcorper ultrices. Quisque non feugiat elit. Sed venenatis purus vel ex maximus luctus. Duis eu pellentesque odio. Sed ac mattis ligula.
Praesent accumsan nulla vulputate magna pretium tempor. Maecenas sed iaculis eros. Suspendisse arcu leo, dictum vel suscipit sed, lacinia ut elit. Pellentesque id turpis fringilla, sollicitudin arcu sit amet, aliquam quam. Quisque vitae enim vitae libero vehicula porttitor ut et odio. Phasellus posuere nisl vel erat vestibulum feugiat ut eu augue. Aliquam ut tempor felis, eu congue arcu. Pellentesque molestie finibus sapien id bibendum. Integer eget laoreet ante. Maecenas porta lacus orci, ac porttitor turpis placerat id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum accumsan lobortis turpis, eu ultrices risus hendrerit sed. Nullam aliquet elit a turpis elementum, vel gravida purus volutpat.
Proin pretium accumsan congue. In nec ligula nisi. Donec quis nisl diam. Donec rhoncus, quam ac porta mattis, nulla mi semper sapien, vel placerat ligula ante quis arcu. Suspendisse tincidunt varius nisi fringilla consectetur. Nam pellentesque mollis sollicitudin. Ut rutrum laoreet ultricies. Maecenas velit erat, accumsan interdum erat vitae, euismod pulvinar nibh. Quisque at velit pretium, varius turpis non, pulvinar mauris. Aliquam feugiat tincidunt sapien, in cursus diam. Pellentesque ut molestie ex, eget condimentum ex.
Nam feugiat ex at purus rhoncus, ut tempus justo sodales. Donec gravida consequat ante, sed consequat tellus ultricies sed. Vestibulum sodales porta nunc, et vehicula elit egestas sed. Praesent ipsum nisl, egestas sit amet orci vitae, semper consectetur nunc. Aliquam tellus lectus, vestibulum iaculis semper in, aliquet a sapien. In vehicula diam et dignissim molestie. Duis ligula turpis, ultrices vitae tortor sit amet, varius eleifend nulla. Nam mattis sed turpis id imperdiet. Morbi ut tortor euismod, efficitur ligula sed, commodo tortor. Etiam sit amet convallis enim. Duis nisl sapien, interdum vitae tincidunt vel, dignissim sit amet velit.
</div>
<div class="socials">
<div class="fb"><i class="icon-facebook"></i></div>
<div class="yt"><i class="icon-youtube"></i></div>
<div class="tw"><i class="icon-twitter"></i></div>
<div class="gplus"><i class="icon-gplus"></i></div>
<div style="clear:both;"></div>
</div>
<div id="footer" style="text-decoration:none;">Strona stworzona przez Michała Kwiatka. Wszelkie prawa zastrzeżone © 2017r.</div>
</div>
</body>
</html>
body
{
/*background pattern from subblepatterns.com*/
background-image:url("img/stardust.png");
font-size:20px;
color:white;
font-family: 'Lato', sans-serif;
margin:0;
padding:0;
text-decoration:none;
}
.wrapper
{
width:100%;
margin:0;
padding:0;
}
.rectangular
{
width:100%;
margin:0;
padding:0;
}
.headerL
{
float:left;
width:50%;
margin-top:20px;
font-family: 'Josefin Sans', sans-serif;
font-size:60px;
letter-spacing:3px;
}
.headerR
{
float:left;
width:50%;
margin-top:20px;
font-family: 'Josefin Sans', sans-serif;
}
.nav
{
width:100%;
margin:0;
padding:0;
margin-top:20px;
background-color:#1E5AFF;
height:50px;
}
#content
{
width:960px;
margin-right:auto;
margin-left:auto;
background-color:#303030;
margin-top:20px;
color:white;
text-align:justify;
padding:20px;
}
.socials
{
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:#202020;
color:white;
margin-top:20px;
}
.fb
{
width:250px;
height:154px;
text-align:center;
float:left;
}
.fb:hover
{
background-color:#3B5998;
}
.yt
{
width:250px;
height:154px;
text-align:center;
float:left;
}
.yt:hover
{
background-color:#cc181e;
}
.tw
{
width:250px;
height:154px;
text-align:center;
float:left;
}
.tw:hover
{
background-color:#0084b4;
}
.gplus
{
width:250px;
height:154px;
text-align:center;
float:left;
}
.gplus:hover
{
background-color:#d34836;
}
#footer
{
margin-top:20px;
text-align:center;
width:1000px;
margin-right:auto;
margin-left:auto;
color:white;
text-decoration: none;
}
#footer:active
{
text-decoration:none;
}
ol
{
list-style-type:none;
text-decoration:none;
}
ol >li>a
{
text-decoration:none;
color:white;
}
ol>li
{
float:left;
min-width:200px;
margin-top:10px;
}