Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Problem z doprowadzeniem strony do standardów
Forum PHP.pl > Forum > Przedszkole
krzychu0808
Jestem w trakcie tworzenia strony i staram się aby spełniała standardy XHTML 1.0 Strict. Ale wykrywa 10 błędów ale nie wiem o co w nich chodzi.. sprawdziłem Tutaj
Proszę o pomoc....

Kod strony:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  4. <style type="text/css">
  5. body {
  6. background-color: #202632;
  7. font-family:Verdana, Arial, Helvetica, sans-serif;
  8. }
  9.  
  10.  
  11.  
  12. div#heder2 img {
  13. display: block;
  14. }
  15.  
  16. #strona {
  17. margin : auto;
  18. padding : 0px;
  19. width : 862px;
  20. }
  21. #heder1 {
  22. margin : auto;
  23. padding : 0px;
  24. width : 611px;
  25. height : 227px;
  26. float : left;
  27. background : url(http://www.elaz.eu/allegro/rapid/images1/1_04.gif)
  28. }
  29. #heder2 {
  30. margin : auto;
  31. padding : 0px;
  32. width : 170px;
  33. height : 227px;
  34. float : left;
  35. }
  36. #heder3 {
  37. margin : auto;
  38. padding : 0px;
  39. width : 81px;
  40. height : 227px;
  41. float : left;
  42. background : url(http://www.elaz.eu/allegro/rapid/images1/1_06.gif)
  43. }
  44. #menu {
  45. margin : auto;
  46. padding : 0px;
  47. width : 247px;
  48. float : left;
  49. }
  50. #menu1 {
  51. margin : auto;
  52. padding : 0px;
  53. width : 247px;
  54. height : 33px;
  55. float : left;
  56. background : url(http://www.elaz.eu/allegro/rapid/images1/1_13.gif)
  57. }
  58. #menu2 {
  59. margin : auto;
  60. padding : 0px;
  61. width : 247px;
  62. float : left;
  63. background : url(http://www.elaz.eu/allegro/rapid/images1/1_15.gif)
  64. }
  65. #menu3 {
  66. margin : auto;
  67. padding : 0px;
  68. width : 247px;
  69. height : 23px;
  70. float : left;
  71. background : url(http://www.elaz.eu/allegro/rapid/images1/1_19.gif)
  72. }
  73. #menu4 {
  74. margin : auto;
  75. padding : 0px;
  76. width : 247px;
  77. height : 25px;
  78. float : left;
  79. background : url(http://www.elaz.eu/allegro/rapid/images1/1_20.gif)
  80. }
  81. #menu5 {
  82. margin : auto;
  83. padding : 0px;
  84. width : 247px;
  85. float : left;
  86. background : url(http://www.elaz.eu/allegro/rapid/images1/1_21.gif)
  87. }
  88. #menu6 {
  89. margin : auto;
  90. padding : 0px;
  91. width : 247px;
  92. height : 23px;
  93. float : left;
  94. background : url(http://www.elaz.eu/allegro/rapid/images1/1_19.gif)
  95. }
  96. #tresc {
  97. margin : auto;
  98. padding : 0px;
  99. width : 615px;
  100. float : left;
  101. }
  102. #tresc1 {
  103. margin : auto;
  104. padding : 0px;
  105. width : 615px;
  106. height : 33px;
  107. float : left;
  108. background : url(http://www.elaz.eu/allegro/rapid/images1/1_14.gif)
  109. }
  110. #tresc2 {
  111. margin : auto;
  112. padding : 0px;
  113. width : 615px;
  114. float : left;
  115. background : url(http://www.elaz.eu/allegro/rapid/images1/1_16.gif)
  116. }
  117. #tresc3 {
  118. margin : auto;
  119. padding : 0px;
  120. width : 615px;
  121. height : 24px;
  122. float : left;
  123. background : url(http://www.elaz.eu/allegro/rapid/images1/1_25.gif)
  124. }
  125.  
  126.  
  127. .kontakt {
  128. margin-left :15px;
  129. padding : 0px;
  130. float : left;
  131. font-size: 11px;
  132. display: inline;
  133. }
  134. .platnosci {
  135. margin-left :15px;
  136. padding : 0px;
  137. float : left;
  138. font-size: 11px;
  139. display: inline;
  140. }
  141. .rs1 {
  142. margin-left :12px;
  143. padding : 0px;
  144. float : left;
  145. font-size: 11px;
  146. display: inline;
  147. }
  148. </style>
  149. </head>
  150. <body>
  151. <div id="strona">
  152. <div id="heder1"></div>
  153. <div id="heder2">
  154. <img src="http://www.elaz.eu/allegro/rapid/images1/1_05.gif" border="0" alt="img">
  155. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_07.gif" border="0" alt="img"></a>
  156. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_08.gif" border="0" alt="img"></a>
  157. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_09.gif" border="0" alt="img"></a>
  158. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_10.gif" border="0" alt="img"></a>
  159. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_11.gif" border="0" alt="img"></a>
  160. <img src="http://www.elaz.eu/allegro/rapid/images1/1_12.gif" border="0" alt="img">
  161. </div>
  162. <div id="heder3"></div>
  163.  
  164. <div id="menu">
  165. <div id="menu1"></div>
  166. <div id="menu2">
  167. <div class="kontakt">
  168. <br>
  169. <a href="mailto:krzychu0808@o2.pl"><img src="http://www.elaz.eu/allegro/rapid/images1/email.gif" border="0" alt="img"><a><br>
  170. <a href="gg:7335699"><img src="http://www.elaz.eu/allegro/rapid/images1/gg.gif" border="0" alt="img"><a><br>
  171. <img src="http://www.elaz.eu/allegro/rapid/images1/gadu.gif" border="0" alt="img"><img src="http://www.gadu-gadu.pl/users/status.asp?id=7335699&styl=3" border="0" alt="img">
  172.  
  173. </div>
  174. </div>
  175. <div id="menu3"></div>
  176. <div id="menu4"></div>
  177. <div id="menu5">
  178. <div class="platnosci">
  179. Płatności
  180. <br><br><br><br><br><br><br>
  181. <br><br><br><br><br><br><br>
  182. </div>
  183. </div>
  184. <div id="menu6"></div>
  185. </div>
  186.  
  187.  
  188.  
  189. <div id="tresc">
  190. <div id="tresc1"></div>
  191. <div id="tresc2">
  192. <center><img src="http://www.elaz.eu/allegro/rapid/logo.gif" border="0" alt="img"></center>
  193. <div class="rs1"><img src="http://www.elaz.eu/allegro/rapid/images1/rs1.gif" border="0" alt="img"></div>
  194. <br><br><br><br> <br><br><br><br>
  195. <br><br><br><br><br><br><br>
  196. <br><br><br><br><br><br><br>
  197. <br><br><br><br><br><br><br>
  198. </div>
  199. <div id="tresc3"></div>
  200. </div>
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <br><br><br><br>
  207. </div>
  208.  
  209.  
  210. </body>
  211. </html>
JoShiMa
Pierwszy błąd sugeruje brak tagu <title> niektóre pozostałe błedy mogą wynikać z tego, że widzi niekompletny a więc niedomkniętą sekcję nagłówków. Aha. Zamiast & w linkach używaj &amp;

PS nie możesz stylów dać do osobnego pliku?
nevt
no to po kolei ...

warning - być może brakuje ci określenia języka w tagu HTML: <html lang="pl"> ale nie jestem pewien - na w3c ten warning wcale nie wyskakuje...
błędy:
1. wewnątrz <head></head> brakuje ci tagu <title> xxx </title>
2. błąd składni, zamiast domknięcia </a> masz kolejne <a>:
  1. <a href="mailto:krzychu0808@o2.pl"><img src="http://www.elaz.eu/allegro/rapid/images1/email.gif" border="0" alt="img"><a><br>
  2. <a href="gg:7335699"><img src="http://www.elaz.eu/allegro/rapid/images1/gg.gif" border="0" alt="img"><a><br>

powinno być
  1. <a href="mailto:krzychu0808@o2.pl"><img src="http://www.elaz.eu/allegro/rapid/images1/email.gif" border="0" alt="img"></a><br>
  2. <a href="gg:7335699"><img src="http://www.elaz.eu/allegro/rapid/images1/gg.gif" border="0" alt="img"></a><br>

3. błąd składni, zamiast & w kodzie trzeba stosować &amp;
  1. <img src="http://www.elaz.eu/allegro/rapid/images1/gadu.gif" border="0" alt="img"><img src="http://www.gadu-gadu.pl/users/status.asp?id=7335699&styl=3" border="0" alt="img">

powinno być
  1. <img src="http://www.elaz.eu/allegro/rapid/images1/gadu.gif" border="0" alt="img"><img src="http://www.gadu-gadu.pl/users/status.asp?id=7335699&amp;styl=3" border="0" alt="img">

powodzenia
sebekzosw
Proszę, wszystko spełnia standardy HTML 4.01 Transitional

Trochę jeszcze "ułożyłem" kod:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <style type="text/css">
  5. body {
  6. background-color: #202632;
  7. font-family:Verdana, Arial, Helvetica, sans-serif;
  8. }
  9.  
  10. div#heder2 img {
  11. display: block;
  12. }
  13.  
  14. #strona {
  15. margin : auto;
  16. padding : 0px;
  17. width : 862px;
  18. }
  19. #heder1 {
  20. margin : auto;
  21. padding : 0px;
  22. width : 611px;
  23. height : 227px;
  24. float : left;
  25. background : url(http://www.elaz.eu/allegro/rapid/images1/1_04.gif)
  26. }
  27. #heder2 {
  28. margin : auto;
  29. padding : 0px;
  30. width : 170px;
  31. height : 227px;
  32. float : left;
  33. }
  34. img {
  35. border: 0px;
  36. }
  37. a {
  38. font-family: tahoma, arial, helvetica, sans-serif;
  39. font-size: 11px;
  40. font-weight: bold;
  41. color: #A5A5A5;
  42. text-decoration: none;
  43. }
  44.  
  45. a:hover {
  46. font-family: tahoma, arial, helvetica, sans-serif;
  47. font-size: 11px;
  48. font-weight: bold;
  49. color: #A5A5A5;
  50. text-decoration: underline;
  51. }
  52. #heder3 {
  53. margin : auto;
  54. padding : 0px;
  55. width : 81px;
  56. height : 227px;
  57. float : left;
  58. background : url(http://www.elaz.eu/allegro/rapid/images1/1_06.gif)
  59. }
  60. #menu {
  61. margin : auto;
  62. padding : 0px;
  63. width : 247px;
  64. float : left;
  65. }
  66. #menu1 {
  67. margin : auto;
  68. padding : 0px;
  69. width : 247px;
  70. height : 33px;
  71. float : left;
  72. background : url(http://www.elaz.eu/allegro/rapid/images1/1_13.gif)
  73. }
  74. #menu2 {
  75. margin : auto;
  76. padding : 0px;
  77. width : 247px;
  78. float : left;
  79. background : url(http://www.elaz.eu/allegro/rapid/images1/1_15.gif)
  80. }
  81. #menu3 {
  82. margin : auto;
  83. padding : 0px;
  84. width : 247px;
  85. height : 23px;
  86. float : left;
  87. background : url(http://www.elaz.eu/allegro/rapid/images1/1_19.gif)
  88. }
  89. #menu4 {
  90. margin : auto;
  91. padding : 0px;
  92. width : 247px;
  93. height : 25px;
  94. float : left;
  95. background : url(http://www.elaz.eu/allegro/rapid/images1/1_20.gif)
  96. }
  97. #menu5 {
  98. margin : auto;
  99. padding : 0px;
  100. width : 247px;
  101. float : left;
  102. background : url(http://www.elaz.eu/allegro/rapid/images1/1_21.gif)
  103. }
  104. #menu6 {
  105. margin : auto;
  106. padding : 0px;
  107. width : 247px;
  108. height : 23px;
  109. float : left;
  110. background : url(http://www.elaz.eu/allegro/rapid/images1/1_19.gif)
  111. }
  112. #tresc {
  113. margin : auto;
  114. padding : 0px;
  115. width : 615px;
  116. float : left;
  117. }
  118. #tresc1 {
  119. margin : auto;
  120. padding : 0px;
  121. width : 615px;
  122. height : 33px;
  123. float : left;
  124. background : url(http://www.elaz.eu/allegro/rapid/images1/1_14.gif)
  125. }
  126. #tresc2 {
  127. margin : auto;
  128. padding : 0px;
  129. width : 615px;
  130. float : left;
  131. background : url(http://www.elaz.eu/allegro/rapid/images1/1_16.gif)
  132. }
  133. #tresc3 {
  134. margin : auto;
  135. padding : 0px;
  136. width : 615px;
  137. height : 24px;
  138. float : left;
  139. background : url(http://www.elaz.eu/allegro/rapid/images1/1_25.gif)
  140. }
  141.  
  142.  
  143. .kontakt {
  144. margin-left :15px;
  145. padding : 0px;
  146. float : left;
  147. font-size: 11px;
  148. display: inline;
  149. }
  150. .platnosci {
  151. margin-left :15px;
  152. padding : 0px;
  153. float : left;
  154. font-size: 11px;
  155. display: inline;
  156. }
  157. .rs1 {
  158. margin-left :12px;
  159. padding : 0px;
  160. float : left;
  161. font-size: 11px;
  162. display: inline;
  163. }
  164. </style>
  165. </head>
  166.  
  167. <body>
  168. <div id="strona">
  169. <div id="heder1"></div>
  170. <div id="heder2">
  171. <img src="http://www.elaz.eu/allegro/rapid/images1/1_05.gif" border="0" alt="img">
  172. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_07.gif" border="0" alt="img"></a>
  173. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_08.gif" border="0" alt="img"></a>
  174. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_09.gif" border="0" alt="img"></a>
  175. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_10.gif" border="0" alt="img"></a>
  176. <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_11.gif" border="0" alt="img"></a>
  177. <img src="http://www.elaz.eu/allegro/rapid/images1/1_12.gif" border="0" alt="img">
  178. </div>
  179. <div id="heder3"></div>
  180. <div id="menu">
  181. <div id="menu1"></div>
  182. <div id="menu2">
  183. <div class="kontakt">
  184. <br>
  185. <a href="mailto:krzychu0808@o2.pl"><img src="http://www.elaz.eu/allegro/rapid/images1/email.gif" border="0" alt="img"></a><br>
  186. <a href="gg:7335699"><img src="http://www.elaz.eu/allegro/rapid/images1/gg.gif" border="0" alt="img"><br>
  187. <img src="http://www.elaz.eu/allegro/rapid/images1/gadu.gif" border="0" alt="img">
  188. <img src="http://www.gadu-gadu.pl/users/status.asp?id=7335699&amp;styl=3" border="0" alt="img"></a>
  189. </div>
  190. </div>
  191. <div id="menu3"></div>
  192. <div id="menu4"></div>
  193. <div id="menu5">
  194. <div class="platnosci">
  195. Płatności
  196. <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  197. </div>
  198. </div>
  199. <div id="menu6"></div>
  200. </div>
  201.  
  202. <div id="tresc">
  203. <div id="tresc1"></div>
  204. <div id="tresc2">
  205. <center><img src="http://www.elaz.eu/allegro/rapid/logo.gif" border="0" alt="img"></center>
  206. <div class="rs1"><img src="http://www.elaz.eu/allegro/rapid/images1/rs1.gif" border="0" alt="img"></div>
  207. <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><br><br>
  208. </div>
  209. <div id="tresc3"></div>
  210. </div>
  211. <br><br><br><br>
  212. </div>
  213. </body>
  214. </html>


nevt był szybszy ;d
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.