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

powinno być
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext

3. błąd składni, zamiast & w kodzie trzeba stosować &amp;
[HTML] pobierz, plaintext 
  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">
[HTML] pobierz, plaintext

powinno być
[HTML] pobierz, plaintext 
  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">
[HTML] pobierz, plaintext

powodzenia
sebekzosw
27.06.2008, 09:56:51
Proszę, wszystko spełnia standardy HTML 4.01 Transitional

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

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


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.