Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] HTML czy XHTML
krzychu0808
post
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----


Witam... te moje wywijasy poniżej zaliczają się do XHTML (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

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





Grupa: Zarejestrowani
Postów: 217
Pomógł: 23
Dołączył: 2.12.2007
Skąd: Warszawa

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


Kod jest trochę źle napisany, np masz tam znaczniki:

  1. <br>


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

Druga sprawa to znacznik
,
który jest już chyba w ogóle wycofany (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Polecam gorąco artykuł dotyczący html i xhtml zawarty na stronie http://www.pornel.net
Go to the top of the page
+Quote Post
krzychu0808
post
Post #3





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----


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:
  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>


Ten post edytował krzychu0808 13.07.2008, 16:22:36
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 05:45