Forum PHP.pl > Section

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Section

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Veigerbo

27.02.2015, 12:05:53

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="kED2">
 
  <title> Moja druga strona</title>
<style type="text/css">
article, aside, footer, header, nav, section {
display: block;
border: 0.1em solid #888fff;
padding: 05.em;
}
section.tresc {
width: 60%;
float: left;
}
 
img.menu {
vertical-align: middle;
border: nonoe;
width: 120px; height: 20px;
}
 
li.gorny_panel {
list style: none;
text-decoration: none;
display: inline;
white-space; nowrap;
}
</style>
  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<body>
<header>
	<nav>
	<ul style="text-align: center; background-color: blue;">
		<li class="gorny_panel">
		<a href="Stronaglowna.html" style="text-decoration: none;">
		<img class="menu" src="Strona glowna1.png" alt="strona glowna"/></a>
		&nbsp;
		</li>
		<li class="gorny_panel">
		<a href="Filmy.html" style="text-decoration: none;">
		<img class="menu" src="Filmy1.png" alt="Filmy"/></a>
		&nbsp;
		</li>
		<li class="gorny_panel">
		<a href="Zdjecia.html" style="text-decoration: none;">
		<img class="menu" src="Zdjecia.png" alt="Zdjecia"/></a>
		&nbsp;
		</li>
		<li class="gorny_panel">
		<a href="Kontakty.html" style="text-decoration: none;">
		<img class="menu" src="Kontakty1.png" alt="Kontakty"/></a>
		&nbsp;
		</li>
	</ul>
</nav>
</header>
	<section class="tresc">
	<article>
		<header>Naglowek artykulu</header>
		<p>tekst</p>
		<p>tekst2</p>
		<footer>Stopka artykulu</footer>
	</article>
	<article>
		<header>Naglowek artykulu</header>
		<p>tekst</p>
		<p>tekst2</p>
		<footer>Stopka artykulu</footer>
	</article>
	<article>
		<header>Naglowek artykulu</header>
		<p>tekst</p>
		<p>tekst2</p>
		<footer>Stopka artykulu</footer>
	</article>
	</section>
<aside>
	<p>Panel boczny</p>
		<nav>
			<ul>
				<li></li>
				<li </li>
			</ul>
		</nva>
</aside>
<footer>
</footer>
</body>
</html>
[HTML] pobierz, plaintext

Podpowiem mi ktoś co robie żle z Przedziałem Section ? Dodaje do niego klase, ktora zdefiniowalem na gorze, natomiast nie reaguje. Analizowałem to, ale nie potrafie dojsc do rozwiazania. Ucze sie z ksiazki "ABC jezyka HTML iXHTML Wydanie II "
Dodaje do niego klase ktora zdefiniowalem na g

fklar

27.02.2015, 12:12:45

U mnie normalnie przypisuje styl CSS do section.tresc. Co jest konkretnie nie tak?

trueblue

27.02.2015, 12:16:25

Jeśli chcesz używać elementów z HTML5, to zmień deklarację typu dokumentu - DOCTYPE.

A oprócz tego:

[HTML] pobierz, plaintext 
	<li </li>
			</ul>
		</nva>
[HTML] pobierz, plaintext

Veigerbo

27.02.2015, 12:20:30

Chyba problem tylko natury wizualnej, kedy mi nie podkreskla w <section ->klasy. To raz, w sumie efekt jest tez tragiczny. Zaraz dokleje kilka innych linijek kodu, zobacze czy to jakos ukleje w ladny spsoob. Ogolnie drazni mnie fakt w kedzie, bo wyglada tak jak by nie dzialalo.

Cytat(trueblue @ 27.02.2015, 12:16:25 )

Jeśli chcesz używać elementów z HTML5, to zmień deklarację typu dokumentu - DOCTYPE.

A oprócz tego:

[HTML] pobierz, plaintext 
	<li </li>
			</ul>
		</nva>
[HTML] pobierz, plaintext

Szczerze powiedziawszy dokladnie ten blad tak wyglada w ksiazce, i go przepisalem dokladnie tak jak jest

Co z deklaracja nie tak ?

fklar

27.02.2015, 12:37:52

Domknij to <li>, deklaracja wystarczy:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
[HTML] pobierz, plaintext

trueblue

27.02.2015, 12:37:56

http://lmgtfy.com/?q=html5+doctype

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.