Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] HTML czy XHTML
Forum PHP.pl > Forum > Przedszkole
krzychu0808
13.07.2008, 15:26:49
Witam... te moje wywijasy poniżej zaliczają się do XHTML questionmark.gifquestionmark.gif 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  7. <style type="text/css">
  8. * { margin: 0px; padding: 0px; }
  9. body {
  10. background-color: #070707;
  11. font-family:Verdana, Arial, Helvetica, sans-serif;
  12. }
  13. #strona {
  14. margin : auto;
  15. padding : 0px;
  16. width : 941px;
  17.  
  18. }
  19. #szarastrefa{
  20. margin : auto;
  21. padding : 0px;
  22. width : 941px;
  23. float : left;
  24. background : url(images/tlo.jpg);
  25.  
  26. }
  27. #heder1 {
  28. margin : auto;
  29. padding : 0px;
  30. width : 941px;
  31. height : 49px;
  32. float : left;
  33. background : url(images/1_02.jpg)
  34. }
  35.  
  36. #heder2 {
  37. position:relative;
  38. margin : auto;
  39. padding : 0px;
  40. width : 941px;
  41. height : 243px;
  42. float : left;
  43. background : url(images/1_04.jpg)
  44. }
  45.  
  46. .zegarek {
  47. width : 115px;
  48. height : 50px;
  49. margin-left :730px;
  50. margin-top :42px;
  51. padding : 0px;
  52. float : left;
  53. display: inline;
  54. position:absolute;
  55. top:0px;
  56. left:0px;
  57. }
  58.  
  59. .data {
  60. width : 32px;
  61. height : 30px;
  62. margin-left :850px;
  63. margin-top :25px;
  64. padding : 0px;
  65. float : left;
  66. display: inline;
  67. }
  68.  
  69. .licznik1 {
  70. width : 150px;
  71. height : 20px;
  72. margin-left :720px;
  73. margin-top :110px;
  74. padding : 0px;
  75. float : left;
  76. display: inline;
  77. position:absolute;
  78. top:0px;
  79. left:0px;
  80. color: #c4c2c2;
  81. font-family: tahoma;
  82. font-size: 10pt;
  83. font-weight: bold;
  84. }
  85. #heder3 {
  86. margin : auto;
  87. padding : 0px;
  88. width : 941px;
  89. height : 40px;
  90. float : left;
  91. background : url(images/1_05.jpg);
  92. }
  93. #heder4 {
  94. margin : auto;
  95. padding : 0px;
  96. width : 941px;
  97. height : 78px;
  98. float : left;
  99. background : url(images/1_07.jpg);
  100. }
  101. .data1 {
  102. width : 700px;
  103. height : 20px;
  104. margin-left :30px;
  105. margin-top :14px;
  106. padding : 0px;
  107. float : left;
  108. display: inline;
  109. color: #c4c2c2;
  110. font-family: tahoma;
  111. font-size: 10pt;
  112. font-weight: bold;
  113. }
  114. .wiadomosci {
  115. width : 600px;
  116. height : 20px;
  117. margin-left :250px;
  118. margin-top :20px;
  119. padding : 0px;
  120. float : left;
  121. display: inline;
  122. color: #c4c2c2;
  123. font-family: tahoma;
  124. font-size: 10pt;
  125. font-weight: bold;
  126. text-decoration:none;
  127. }
  128. #menulewe {
  129. margin : auto;
  130. padding : 0px;
  131. width : 263px;
  132. float : left;
  133.  
  134. }
  135. #menuprawa {
  136. margin : auto;
  137. padding : 0px;
  138. width : 678px;
  139. float : left;
  140.  
  141. }
  142. .menu1 {
  143. margin : auto;
  144. padding : 0px;
  145. width : 263px;
  146. height : 36px;
  147. float : left;
  148. }
  149. .menu2 {
  150. margin : auto;
  151. padding : 0px;
  152. width : 263px;
  153. height : 32px;
  154. float : left;
  155. }
  156. .menu3 {
  157. margin : auto;
  158. padding : 0px;
  159. width : 263px;
  160. height : 44px;
  161. float : left;
  162. }
  163. .tresc1 {
  164. margin : auto;
  165. padding : 0px;
  166. width : 678px;
  167. height : 34px;
  168. float : left;
  169. background : url(images/1_09.jpg)
  170. }
  171. .tresc2 {
  172. margin : auto;
  173. padding : 0px;
  174. width : 678px;
  175. float : left;
  176. background : url(images/1_10.jpg)
  177. }
  178. .tresc3 {
  179. margin : auto;
  180. padding : 0px;
  181. width : 678px;
  182. height : 21px;
  183. float : left;
  184. background : url(images/1_15.jpg)
  185. }
  186.  
  187. .headlinellink {
  188.  text-decoration: none;
  189.  color: #c4c2c2;
  190. font-family: tahoma;
  191. font-size: 10pt;
  192. font-weight: bold;
  193.  
  194.  }
  195. :hover.headlinellink { text-decoration: none; }
  196.  
  197.  
  198. #menu0 dd {
  199. float : left;
  200. }
  201. #menu0 dt {
  202. float : left
  203. clear: left;
  204. }
  205. #menulewe {
  206. margin : auto;
  207. width : 263px;
  208. float : left;
  209. }
  210. img{
  211. margin: 0px
  212. padding: 0px;
  213. float : left;
  214. }
  215. </style>
  216. </head>
  217.  
  218. <body>
  219. <div id="strona">
  220. <div id="szarastrefa">
  221. <div id="heder1"></div>
  222.  
  223. <div id="heder2">
  224. <div class="data">
  225. <?php $dni = array( 0 => '<img src="images/dni_tygodnia/7.jpg" alt="Niedziela">', 1 => '<img src="images/dni_tygodnia/1.jpg" alt="Poniedziałek">', 2 => '<img src="images/dni_tygodnia/2.jpg" alt="Wtorek">', 3 => '<img src="images/dni_tygodnia/3.jpg" alt="Środa">', 4 => '<img src="images/dni_tygodnia/4.jpg" alt="Czwartek">', 5 => '<img src="images/dni_tygodnia/5.jpg" alt="Piątek">', 6 => '<img src="images/dni_tygodnia/6.jpg" alt="Sobota">');
  226.  
  227. $data = $dni[date('w')];
  228.  
  229. echo $data
  230. ?>
  231. </div>
  232.  
  233. <div class="zegarek">
  234. <? $aData = date("Hi", time()+300);
  235. ?>
  236. <center><img src="images/zegar/<?=$aData[0]?>.gif" alt="Zegar"><img src="images/zegar/<?=$aData[1]?>.gif" alt="Zegar"><img src="images/zegar/dwukropek.gif" alt="img"><img src="images/zegar/<?=$aData[2]?>.gif" alt="Zegar"><img src="images/zegar/<?=$aData[3]?>.gif" alt="Zegar"></center>
  237. </div>
  238. <div class="licznik1">
  239. <? include("narzedzia/licznik.php") ?>
  240. Osób Online: <? echo count($u);?>
  241. </div>
  242. </div>
  243. <div id="heder3"></div>
  244. <div id="heder4">
  245. <div class="data1">
  246. <? include("narzedzia/data.php") ?>
  247. <? include("narzedzia/imieniny.php") ?>
  248. <? echo  $day[date('w')] ." ". date('j') ." ". $month[date('m')] ." ". date('Y') ."&nbsp;&nbsp;&nbsp;&nbsp;"."Imieniny:"." ".$imiona[$dzien]; ?>
  249. <div class="wiadomosci">
  250. <? $url = "http://wiadomosci.onet.pl/2,kategoria.rss";
  251. $displayname = " ";
  252. $number = 1;
  253. include "narzedzia/rss_get.php";
  254. ?>
  255. </div>
  256. </div>
  257. </div>
  258. <div id="menulewe">
  259. <div class="menu1"><a href="index.php"><img src="images/menu/1.jpg" alt="img" border="0"></a></div>
  260. <div class="menu2"><a href="index.php"><img src="images/menu/2.jpg" alt="img" border="0"></a></div>
  261. <div class="menu2"><a href="index.php"><img src="images/menu/3.jpg" alt="img" border="0"></a></div>
  262. <div class="menu2"><a href="index.php"><img src="images/menu/4.jpg" alt="img" border="0"></a></div>
  263. <div class="menu2"><a href="index.php"><img src="images/menu/5.jpg" alt="img" border="0"></a></div>
  264. <div class="menu3"><img src="images/menu/dziennik.jpg" alt="img"></div>
  265. <dl id="menu0">
  266. <dt ><a href="javascript:void(0)"><img src="images/dziennik/1.jpg" border="0" alt="img"></a></dt>
  267. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  268. <dt ><a href="javascript:void(0)"><img src="images/dziennik/2.jpg" border="0" alt="img"></a></dt>
  269. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  270. <dt ><a href="javascript:void(0)"><img src="images/dziennik/3.jpg" border="0" alt="img"></a></dt>
  271. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  272. </dl>
  273. <script type="text/javascript">
  274. // <![CDATA[
  275. new Menu('menu0');
  276. // ]]>
  277. </script>
  278. </div>
  279. <div id="menuprawa">
  280. <div class="tresc1"></div>
  281. <div class="tresc2">
  282. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  283. </div>
  284. <div class="tresc3"></div>
  285. </div>
  286.  
  287.  
  288. </div>
  289. </div>
  290. </body>
  291. </html>
[HTML] pobierz, plaintext
Maciekbjw
13.07.2008, 15:30:51
Kod jest trochę źle napisany, np masz tam znaczniki:

[HTML] pobierz, plaintext 
  1. <br>
[HTML] pobierz, plaintext


Który jest poprawny tylko w HTML, a nie w XHTML.

Druga sprawa to znacznik 
[HTML] pobierz, plaintext 
  1. <center>
[HTML] pobierz, plaintext
,
który jest już chyba w ogóle wycofany tongue.gif

Polecam gorąco artykuł dotyczący html i xhtml zawarty na stronie http://www.pornel.net
krzychu0808
13.07.2008, 15:54:03
Już jest ok Strona
-------------------------------------------------
Hmm mam 1 błąd ale nie wiem co z tym zrobić jak to napisać
Błąd = Stronka

Błąd:
DOCTYPE Override in effect!

The detected DOCTYPE Declaration "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" has been suppressed and the DOCTYPE for "XHTML 1.0 Transitional" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE.

Poprawiony kod:
[XML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"/>
  7. <style type="text/css">
  8. * { margin: 0px; padding: 0px; }
  9. body {
  10. background-color: #070707;
  11. font-family:Verdana, Arial, Helvetica, sans-serif;
  12. }
  13. #strona {
  14. margin : auto;
  15. padding : 0px;
  16. width : 941px;
  17.  
  18. }
  19. #szarastrefa{
  20. margin : auto;
  21. padding : 0px;
  22. width : 941px;
  23. float : left;
  24. background : url(images/tlo.jpg);
  25.  
  26. }
  27. #heder1 {
  28. margin : auto;
  29. padding : 0px;
  30. width : 941px;
  31. height : 49px;
  32. float : left;
  33. background : url(images/1_02.jpg)
  34. }
  35.  
  36. #heder2 {
  37. position:relative;
  38. margin : auto;
  39. padding : 0px;
  40. width : 941px;
  41. height : 243px;
  42. float : left;
  43. background : url(images/1_04.jpg)
  44. }
  45.  
  46. .zegarek {
  47. width : 115px;
  48. height : 50px;
  49. margin-left :730px;
  50. margin-top :42px;
  51. padding : 0px;
  52. float : left;
  53. display: inline;
  54. position:absolute;
  55. top:0px;
  56. left:0px;
  57. }
  58.  
  59. .data {
  60. width : 32px;
  61. height : 30px;
  62. margin-left :850px;
  63. margin-top :25px;
  64. padding : 0px;
  65. float : left;
  66. display: inline;
  67. }
  68.  
  69. .licznik1 {
  70. width : 150px;
  71. height : 20px;
  72. margin-left :720px;
  73. margin-top :110px;
  74. padding : 0px;
  75. float : left;
  76. display: inline;
  77. position:absolute;
  78. top:0px;
  79. left:0px;
  80. color: #c4c2c2;
  81. font-family: tahoma;
  82. font-size: 10pt;
  83. font-weight: bold;
  84. }
  85. #heder3 {
  86. margin : auto;
  87. padding : 0px;
  88. width : 941px;
  89. height : 40px;
  90. float : left;
  91. background : url(images/1_05.jpg);
  92. }
  93. #heder4 {
  94. margin : auto;
  95. padding : 0px;
  96. width : 941px;
  97. height : 78px;
  98. float : left;
  99. background : url(images/1_07.jpg);
  100. }
  101. .data1 {
  102. width : 700px;
  103. height : 20px;
  104. margin-left :30px;
  105. margin-top :14px;
  106. padding : 0px;
  107. float : left;
  108. display: inline;
  109. color: #c4c2c2;
  110. font-family: tahoma;
  111. font-size: 10pt;
  112. font-weight: bold;
  113. }
  114. .wiadomosci {
  115. width : 600px;
  116. height : 20px;
  117. margin-left :250px;
  118. margin-top :20px;
  119. padding : 0px;
  120. float : left;
  121. display: inline;
  122. color: #c4c2c2;
  123. font-family: tahoma;
  124. font-size: 10pt;
  125. font-weight: bold;
  126. text-decoration:none;
  127. }
  128. #menulewe {
  129. margin : auto;
  130. padding : 0px;
  131. width : 263px;
  132. float : left;
  133.  
  134. }
  135. #menuprawa {
  136. margin : auto;
  137. padding : 0px;
  138. width : 678px;
  139. float : left;
  140.  
  141. }
  142. .menu1 {
  143. margin : auto;
  144. padding : 0px;
  145. width : 263px;
  146. height : 36px;
  147. float : left;
  148. }
  149. .menu2 {
  150. margin : auto;
  151. padding : 0px;
  152. width : 263px;
  153. height : 32px;
  154. float : left;
  155. }
  156. .menu3 {
  157. margin : auto;
  158. padding : 0px;
  159. width : 263px;
  160. height : 44px;
  161. float : left;
  162. }
  163. .tresc1 {
  164. margin : auto;
  165. padding : 0px;
  166. width : 678px;
  167. height : 34px;
  168. float : left;
  169. background : url(images/1_09.jpg)
  170. }
  171. .tresc2 {
  172. margin : auto;
  173. padding : 0px;
  174. width : 678px;
  175. float : left;
  176. background : url(images/1_10.jpg)
  177. }
  178. .tresc3 {
  179. margin : auto;
  180. padding : 0px;
  181. width : 678px;
  182. height : 21px;
  183. float : left;
  184. background : url(images/1_15.jpg)
  185. }
  186.  
  187. .headlinellink {
  188.  text-decoration: none;
  189.  color: #c4c2c2;
  190. font-family: tahoma;
  191. font-size: 10pt;
  192. font-weight: bold;
  193.  
  194.  }
  195. :hover.headlinellink { text-decoration: none; }
  196.  
  197.  
  198. #menu0 dd {
  199. float : left;
  200. }
  201. #menu0 dt {
  202. float : left
  203. clear: left;
  204. }
  205. #menulewe {
  206. margin : auto;
  207. width : 263px;
  208. float : left;
  209. }
  210. img{
  211. margin: 0px
  212. padding: 0px;
  213. float : left;
  214. }
  215. </style>
  216. </head>
  217.  
  218. <body>
  219. <div id="strona">
  220. <div id="szarastrefa">
  221. <div id="heder1"></div>
  222.  
  223. <div id="heder2">
  224. <div class="data">
  225. <?php $dni = array( 0 => '<img src="images/dni_tygodnia/7.jpg" alt="Niedziela"/>', 1 => '<img src="images/dni_tygodnia/1.jpg" alt="Poniedziałek"/>', 2 => '<img src="images/dni_tygodnia/2.jpg" alt="Wtorek"/>', 3 => '<img src="images/dni_tygodnia/3.jpg" alt="Środa"/>', 4 => '<img src="images/dni_tygodnia/4.jpg" alt="Czwartek"/>', 5 => '<img src="images/dni_tygodnia/5.jpg" alt="Piątek"/>', 6 => '<img src="images/dni_tygodnia/6.jpg" alt="Sobota"/>');
  226.  
  227. $data = $dni[date('w')];
  228.  
  229. echo $data
  230. ?>
  231. </div>
  232.  
  233. <div class="zegarek">
  234. <? $aData = date("Hi", time()+300);
  235. ?>
  236. <center><img src="images/zegar/<?=$aData[0]?>.gif" alt="Zegar"/><img src="images/zegar/<?=$aData[1]?>.gif" alt="Zegar"/><img src="images/zegar/dwukropek.gif" alt="img"/><img src="images/zegar/<?=$aData[2]?>.gif" alt="Zegar"/><img src="images/zegar/<?=$aData[3]?>.gif" alt="Zegar"/></center>
  237. </div>
  238. <div class="licznik1">
  239. <? include("narzedzia/licznik.php") ?>
  240. Osób Online: <? echo count($u);?>
  241. </div>
  242. </div>
  243. <div id="heder3"></div>
  244. <div id="heder4">
  245. <div class="data1">
  246. <? include("narzedzia/data.php") ?>
  247. <? include("narzedzia/imieniny.php") ?>
  248. <? echo  $day[date('w')] ." ". date('j') ." ". $month[date('m')] ." ". date('Y') ."    "."Imieniny:"." ".$imiona[$dzien]; ?>
  249. <div class="wiadomosci">
  250. <?
  251. $url = "http://wiadomosci.onet.pl/2,kategoria.rss";
  252. $displayname = " ";
  253. $number = 1;
  254. include "narzedzia/rss_get.php";
  255. ?>
  256. </div>
  257. </div>
  258. </div>
  259. <div id="menulewe">
  260. <div class="menu1"><a href="index.php"><img src="images/menu/1.jpg" alt="img" border="0"/></a></div>
  261. <div class="menu2"><a href="index.php"><img src="images/menu/2.jpg" alt="img" border="0"/></a></div>
  262. <div class="menu2"><a href="index.php"><img src="images/menu/3.jpg" alt="img" border="0"/></a></div>
  263. <div class="menu2"><a href="index.php"><img src="images/menu/4.jpg" alt="img" border="0"/></a></div>
  264. <div class="menu2"><a href="index.php"><img src="images/menu/5.jpg" alt="img" border="0"/></a></div>
  265. <div class="menu3"><img src="images/menu/dziennik.jpg" alt="img"/></div>
  266. <dl id="menu0">
  267. <dt ><a href="javascript:void(0)"><img src="images/dziennik/1.jpg" border="0" alt="img"/></a></dt>
  268. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"/></dd>
  269. <dt ><a href="javascript:void(0)"><img src="images/dziennik/2.jpg" border="0" alt="img"/></a></dt>
  270. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"/></dd>
  271. <dt ><a href="javascript:void(0)"><img src="images/dziennik/3.jpg" border="0" alt="img"/></a></dt>
  272. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"/></dd>
  273. </dl>
  274. <script type="text/javascript">
  275. // <![CDATA[
  276. new Menu('menu0');
  277. // ]]>
  278. </script>
  279. </div>
  280. <div id="menuprawa">
  281. <div class="tresc1"></div>
  282. <div class="tresc2">
  283. <br/><br/>
  284. </div>
  285. <div class="tresc3"></div>
  286. </div>
  287.  
  288.  
  289. </div>
  290. </div>
  291. </body>
  292. </html>
[XML] pobierz, plaintext
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.