O co chodzi? D:

pytanie zadane 7 października 2015 w HTML i CSS przez b00ny Mądrala (6,050 p.)

Witam!

Robię sobie stronę i dodaje text-decoration:none; na wszystkich elementach i nic sie nie dzieje :D

Wytłumaczy mi ktoś czemu się tak to dzieje?

body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	background-color:#2c3e50;
	margin:0 !important;
	text-decoration:none;
}
#menu {
	float:left;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
ol > li > a {
	text-decoration:none;
	color:#2ecc71;
	margin: 0 auto;
	transition:500ms;
}
ol > li > a:hover {
	text-decoration:none;
	color:#26ad50;
	transition:500ms;
}
ol > li {
	text-decoration:none;
	float:left;
	margin-left:25px;
}
ol {
	text-decoration:none;
}

2 odpowiedzi

odpowiedź 7 października 2015 przez writen Nałogowiec (29,060 p.)
wybrane 8 października 2015 przez b00ny

Najlepsza

Czy to jest jedyny arkusz stylów dołączany do twojej strony? Może poza nim coś nadpisuje te style?

komentarz 7 października 2015 przez b00ny Mądrala (6,050 p.)

Jedyny.

(lol 12 znaków tu jest omg blblbllblbllbbllbblbl)

komentarz 7 października 2015 przez writen Nałogowiec (29,060 p.)

Ten kod działa poprawnie, więc to nie on jest przyczyną problemu.

Może w html'u coś schrzaniłeś?

Ten kod oczywiście zadziała tylko dla takiej konstrukcji:

<ol>
    <li><a href="">Strona główna</a></li>
</ol>

komentarz 7 października 2015 przez b00ny Mądrala (6,050 p.)

Dam ci kod bo dalej nie czaję

<!DOCTYPE HTML>
<html lang="pl">
	<head>
		<meta charset="utf-8">
		<title>PIERWSZY SKRYPT JS</title>
		<link href="testy.css" type="text/css" rel="Stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Lato:700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<script src="timer.js"></script>
	</head>
	<body onload="countdown();">
		<div id="wrapper">
			<div class="section">
			<nav id="menu">
				<ol>
					<li><a href="#1st">Test1</a></li>
					<li><a href="#2nd">Test2</a></li>
					<li><a href="#3rd">Test3</a></li>
					<li><a href="#4th">Test4</a></li>
				</ol>
			</nav>
				<div id="timer"></div>
				<div style="clear:both;"></div>
			</div>
		</div>
	</body>
</html>

#timer {
	font-size:5em;
	color:#fff;
	float:right;
}
body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	background-color:#000;
	margin:0 !important;
	text-decoration:none !important;
}
#menu {
	float:left;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
ol > li > a {
	text-decoration:none;
	color:#2ecc71;
	margin: 0 auto;
	transition:500ms;
}
ol > li > a:hover {
	color:#26ad50;
	transition:500ms;
}
ol > li {
	float:left;
	margin-left:25px;
}

Proszę.

komentarz 7 października 2015 przez writen Nałogowiec (29,060 p.)

Kod działa poprawnie. Może po prostu oczekujesz innych efektów?

Jedynie źle załączyłeś styl czcionki.

komentarz 7 października 2015 przez b00ny Mądrala (6,050 p.)

To czemu dalej jest napisane:

1. Test 1 i tak dalej? Da sie w ogóle usunąć 1.?

komentarz 7 października 2015 przez writen Nałogowiec (29,060 p.)

Zanim zaczniesz używać jakiejś właściwości może byś dokładnie sprawdził do czego ona służy?

Właściwością list-style możesz zmienić wypunktowanie.

komentarz 8 października 2015 przez b00ny Mądrala (6,050 p.)

A może grzeczniej? I dzięki. Problem solved.

odpowiedź 7 października 2015 przez WWOTEX Mądrala (6,200 p.)

za dużo tego... text-decoration:none dodaj TYLKO W:

ol > li > a

Resztę usuń.

komentarz 7 października 2015 przez b00ny Mądrala (6,050 p.)

Dalej to samo D:

komentarz 7 października 2015 przez WWOTEX Mądrala (6,200 p.)

wydaje mi się że nie poprawne jest w dwóch miejscach to:

transition:500ms;

Na pewno tak można?
Spróbuj to usunąć, bo jeśli to błąd to może to zakłócać działanie innych linijek.

komentarz 7 października 2015 przez writen Nałogowiec (29,060 p.)
edycja 7 października 2015 przez writen

aaaaha. Tu był mój błędny komentarz.

Właściwości transition nie ma potrzeby stosować dla pseudoklasy :hover.

komentarz 7 października 2015 przez WWOTEX Mądrala (6,200 p.)

to przepraszam, nie robiłem nigdy animacji w CSS, raczej JS, a widziałem zwykle to transition z większą ilością danych np.
transition:width 4s ease;
czy coś w ten deseń