Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Section, Brak odpowiedzi z CSS
Veigerbo
post 27.02.2015, 12:05:53
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 7.02.2015

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3.   <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  4.   <meta name="Description" content=" [wstaw tu opis strony] ">
  5.   <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  6.   <meta name="Author" content=" [dane autora] ">
  7.   <meta name="Generator" content="kED2">
  8.  
  9.   <title> Moja druga strona</title>
  10. <style 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. </style>
  34.   <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
  35. </head>
  36. <body>
  37. <header>
  38. 	<nav>
  39. 	<ul style="text-align: center; background-color: blue;">
  40. 		<li class="gorny_panel">
  41. 		<a href="Stronaglowna.html" style="text-decoration: none;">
  42. 		<img class="menu" src="Strona glowna1.png" alt="strona glowna"/></a>
  43. 		&nbsp;
  44. 		</li>
  45. 		<li class="gorny_panel">
  46. 		<a href="Filmy.html" style="text-decoration: none;">
  47. 		<img class="menu" src="Filmy1.png" alt="Filmy"/></a>
  48. 		&nbsp;
  49. 		</li>
  50. 		<li class="gorny_panel">
  51. 		<a href="Zdjecia.html" style="text-decoration: none;">
  52. 		<img class="menu" src="Zdjecia.png" alt="Zdjecia"/></a>
  53. 		&nbsp;
  54. 		</li>
  55. 		<li class="gorny_panel">
  56. 		<a href="Kontakty.html" style="text-decoration: none;">
  57. 		<img class="menu" src="Kontakty1.png" alt="Kontakty"/></a>
  58. 		&nbsp;
  59. 		</li>
  60. 	</ul>
  61. </nav>
  62. </header>
  63. 	<section class="tresc">
  64. 	<article>
  65. 		<header>Naglowek artykulu</header>
  66. 		<p>tekst</p>
  67. 		<p>tekst2</p>
  68. 		<footer>Stopka artykulu</footer>
  69. 	</article>
  70. 	<article>
  71. 		<header>Naglowek artykulu</header>
  72. 		<p>tekst</p>
  73. 		<p>tekst2</p>
  74. 		<footer>Stopka artykulu</footer>
  75. 	</article>
  76. 	<article>
  77. 		<header>Naglowek artykulu</header>
  78. 		<p>tekst</p>
  79. 		<p>tekst2</p>
  80. 		<footer>Stopka artykulu</footer>
  81. 	</article>
  82. 	</section>
  83. <aside>
  84. 	<p>Panel boczny</p>
  85. 		<nav>
  86. 			<ul>
  87. 				<li></li>
  88. 				<li </li>
  89. 			</ul>
  90. 		</nva>
  91. </aside>
  92. <footer>
  93. </footer>
  94. </body>
  95. </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
Go to the top of the page
+Quote Post
fklar
post 27.02.2015, 12:12:45
Post #2





Grupa: Zarejestrowani
Postów: 61
Pomógł: 13
Dołączył: 17.12.2011

Ostrzeżenie: (0%)
-----

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


--------------------
fklar.pl
Go to the top of the page
+Quote Post
trueblue
post 27.02.2015, 12:16:25
Post #3





Grupa: Zarejestrowani
Postów: 6 804
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

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

A oprócz tego:
[HTML] pobierz, plaintext 
  1. 	<li </li>
  2. 			</ul>
  3. 		</nva>
[HTML] pobierz, plaintext


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
Veigerbo
post 27.02.2015, 12:20:30
Post #4





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 7.02.2015

Ostrzeżenie: (0%)
-----

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. 	<li </li>
  2. 			</ul>
  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 ?

Ten post edytował Veigerbo 27.02.2015, 12:21:08
Go to the top of the page
+Quote Post
fklar
post 27.02.2015, 12:37:52
Post #5





Grupa: Zarejestrowani
Postów: 61
Pomógł: 13
Dołączył: 17.12.2011

Ostrzeżenie: (0%)
-----

Domknij to <li>, deklaracja wystarczy:

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


--------------------
fklar.pl
Go to the top of the page
+Quote Post
trueblue
post 27.02.2015, 12:37:56
Post #6





Grupa: Zarejestrowani
Postów: 6 804
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

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


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 2.07.2025 - 05:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn