Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ HTML \ XHTML _ Section

Napisany przez: Veigerbo 27.02.2015, 12:05:53 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><http://december.com/html/4/element/html.html>
  2. <http://december.com/html/4/element/head.html>
  3.   <http://december.com/html/4/element/meta.html http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  4.   <http://december.com/html/4/element/meta.html name="Description" content=" [wstaw tu opis strony] ">
  5.   <http://december.com/html/4/element/meta.html name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  6.   <http://december.com/html/4/element/meta.html name="Author" content=" [dane autora] ">
  7.   <http://december.com/html/4/element/meta.html name="Generator" content="kED2">
  8.  
  9.   <http://december.com/html/4/element/title.html> Moja druga strona</http://december.com/html/4/element/title.html>
  10. <http://december.com/html/4/element/style.html type="text/css">
  11. article, aside, footer, header, nav, section {
  12. display: block;
  13. border: 0.1em solid #888fff;
  14. padding: 05.em;
  15. }
  16. section.tresc {
  17. width: 60%;
  18. float: left;
  19. }
  20.  
  21. img.menu {
  22. vertical-align: middle;
  23. border: nonoe;
  24. width: 120px; height: 20px;
  25. }
  26.  
  27. li.gorny_panel {
  28. list style: none;
  29. text-decoration: none;
  30. display: inline;
  31. white-space; nowrap;
  32. }
  33. </http://december.com/html/4/element/style.html>
  34.   <http://december.com/html/4/element/link.html rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
  35. </http://december.com/html/4/element/head.html>
  36. <http://december.com/html/4/element/body.html>
  37. <header>
  38. 	<nav>
  39. 	<http://december.com/html/4/element/ul.html style="text-align: center; background-color: blue;">
  40. 		<http://december.com/html/4/element/li.html class="gorny_panel">
  41. 		<http://december.com/html/4/element/a.html href="Stronaglowna.html" style="text-decoration: none;">
  42. 		<http://december.com/html/4/element/img.html class="menu" src="Strona glowna1.png" alt="strona glowna"/></http://december.com/html/4/element/a.html>
  43. 		&nbsp;
  44. 		</http://december.com/html/4/element/li.html>
  45. 		<http://december.com/html/4/element/li.html class="gorny_panel">
  46. 		<http://december.com/html/4/element/a.html href="Filmy.html" style="text-decoration: none;">
  47. 		<http://december.com/html/4/element/img.html class="menu" src="Filmy1.png" alt="Filmy"/></http://december.com/html/4/element/a.html>
  48. 		&nbsp;
  49. 		</http://december.com/html/4/element/li.html>
  50. 		<http://december.com/html/4/element/li.html class="gorny_panel">
  51. 		<http://december.com/html/4/element/a.html href="Zdjecia.html" style="text-decoration: none;">
  52. 		<http://december.com/html/4/element/img.html class="menu" src="Zdjecia.png" alt="Zdjecia"/></http://december.com/html/4/element/a.html>
  53. 		&nbsp;
  54. 		</http://december.com/html/4/element/li.html>
  55. 		<http://december.com/html/4/element/li.html class="gorny_panel">
  56. 		<http://december.com/html/4/element/a.html href="Kontakty.html" style="text-decoration: none;">
  57. 		<http://december.com/html/4/element/img.html class="menu" src="Kontakty1.png" alt="Kontakty"/></http://december.com/html/4/element/a.html>
  58. 		&nbsp;
  59. 		</http://december.com/html/4/element/li.html>
  60. 	</http://december.com/html/4/element/ul.html>
  61. </nav>
  62. </header>
  63. 	<section class="tresc">
  64. 	<article>
  65. 		<header>Naglowek artykulu</header>
  66. 		<http://december.com/html/4/element/p.html>tekst</http://december.com/html/4/element/p.html>
  67. 		<http://december.com/html/4/element/p.html>tekst2</http://december.com/html/4/element/p.html>
  68. 		<footer>Stopka artykulu</footer>
  69. 	</article>
  70. 	<article>
  71. 		<header>Naglowek artykulu</header>
  72. 		<http://december.com/html/4/element/p.html>tekst</http://december.com/html/4/element/p.html>
  73. 		<http://december.com/html/4/element/p.html>tekst2</http://december.com/html/4/element/p.html>
  74. 		<footer>Stopka artykulu</footer>
  75. 	</article>
  76. 	<article>
  77. 		<header>Naglowek artykulu</header>
  78. 		<http://december.com/html/4/element/p.html>tekst</http://december.com/html/4/element/p.html>
  79. 		<http://december.com/html/4/element/p.html>tekst2</http://december.com/html/4/element/p.html>
  80. 		<footer>Stopka artykulu</footer>
  81. 	</article>
  82. 	</section>
  83. <aside>
  84. 	<http://december.com/html/4/element/p.html>Panel boczny</http://december.com/html/4/element/p.html>
  85. 		<nav>
  86. 			<http://december.com/html/4/element/ul.html>
  87. 				<http://december.com/html/4/element/li.html></http://december.com/html/4/element/li.html>
  88. 				<http://december.com/html/4/element/li.html </http://december.com/html/4/element/li.html>
  89. 			</http://december.com/html/4/element/ul.html>
  90. 		</nva>
  91. </aside>
  92. <footer>
  93. </footer>
  94. </http://december.com/html/4/element/body.html>
  95. </http://december.com/html/4/element/html.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

Napisany przez: fklar 27.02.2015, 12:12:45

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

Napisany przez: 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 
  1. 	<http://december.com/html/4/element/li.html </http://december.com/html/4/element/li.html>
  2. 			</http://december.com/html/4/element/ul.html>
  3. 		</nva>
[HTML] pobierz, plaintext

Napisany przez: 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 
  1. 	<http://december.com/html/4/element/li.html </http://december.com/html/4/element/li.html>
  2. 			</http://december.com/html/4/element/ul.html>
  3. 		</nva>
[HTML] pobierz, plaintext


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

Co z deklaracja nie tak ?

Napisany przez: fklar 27.02.2015, 12:37:52

Domknij to <li>, deklaracja wystarczy:

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

Napisany przez: trueblue 27.02.2015, 12:37:56

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)