• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Podkreślony tekst w html (HTML/CSS)

Object Storage Arubacloud
+1 głos
230 wizyt
pytanie zadane 6 lutego 2017 w HTML i CSS przez fl0w Użytkownik (510 p.)
edycja 6 lutego 2017 przez fl0w

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 &copy 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;
	
}

 

1 odpowiedź

+3 głosów
odpowiedź 6 lutego 2017 przez Vento Pasjonat (17,120 p.)
wybrane 6 lutego 2017 przez Arkadiusz Waluk
 
Najlepsza
<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>

NIe zamykasz znaczników <a> 

komentarz 6 lutego 2017 przez fl0w Użytkownik (510 p.)
Rzeczywiście, dziękuję bardzo za szybką odpowiedź. Pozdrawiam :D

Podobne pytania

0 głosów
2 odpowiedzi 270 wizyt
pytanie zadane 26 marca 2020 w HTML i CSS przez kubaa322 Użytkownik (710 p.)
0 głosów
3 odpowiedzi 524 wizyt
0 głosów
1 odpowiedź 1,072 wizyt

92,632 zapytań

141,500 odpowiedzi

319,878 komentarzy

62,011 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...