Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problemy w strict'owaniu dokumentu xhtml'a
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
MitS
20.10.2005, 12:08:39
Witam!

Mam drobniusi problem, a mianowicie nie moge wystrictować tego dokumentu:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>SL1.GHTLY STUDIO</title>
  5. <link rel="stylesheet" type="text/css" href="style-2.css" />
  6. <?xml-stylesheet type="text/css" href="style-2.css" ?>
  7. <meta http-equiv="Content-Language" content="pl" />
  8. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
  9. </head>
  10. <body >
  11. <table style="border: 0pt none; width: 100%;">
  12. <tbody>
  13. <tr>
  14. <td style="background: transparent url(images/www/s7art/1.jpg) repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 150px;">
  15. </td>
  16. </tr>
  17. <tr> 
  18. <td>
  19. <p style="text-align: center;">&nbsp; </p> 
  20. <p style="text-align: center;"><a href="about_us.html" class="klasa1">
  21. [ O NAS ]</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="about_us.html" class="klasa1">
  22. [ PORTFOLIO ]</a>&nbsp;&nbsp;&nbsp; <a href="about_us.html" class="klasa1">
  23. [ CENNIK ]</a>&nbsp;&nbsp;&nbsp;<a href="about_us.html" class="klasa1">
  24. [ KONTAKT ]</a> </p>
  25. <p style="text-align: center;">&nbsp; </p>
  26. </td>
  27. </tr>
  28. <tr>
  29. <td>
  30. </td>
  31. </tr> 
  32. </tbody>
  33. </table>
  34. <!-- Dać na środek tą tabele !-->
  35. <table style="width: 508px;">
  36. <tr>
  37. <td>
  38. <img src="images/www/ent3r//spacer.gif" style="width: 119px; height: 1px" alt="</span>" /></td>
  39. <td>
  40. <img src="images/www/ent3r//spacer.gif" style="width: 5px; height: 1px" alt="" /></td>  
  41. <td> 
  42. <img src="images/www/ent3r/spacer.gif" style="width: 18px; height: 1px" alt="" /></td> 
  43. <td>
  44. <img src="images/www/ent3r/spacer.gif" style="width: 153px; height: 1px" alt="" /></td> 
  45. <td>
  46. <img src="images/www/ent3r/spacer.gif" style="width: 3px; height: 1px" alt="" /></td> 
  47. <td>
  48. <img src="images/www/ent3r/spacer.gif" style="width: 131px; height: 1px" alt="" /></td> 
  49. <td>
  50. <img src="images/www/ent3r/spacer.gif" style="width: 12px; height: 1px" alt="" /></td>
  51. <td>
  52. <img src="images/www/ent3r/spacer.gif" style="width: 64px; height: 1px" alt="" /></td>
  53. <td>
  54. <img src="images/www/ent3r/spacer.gif" style="width: 3px; height: 1px" alt="" /></td>
  55. <td></td>
  56. </tr>
  57. <tr>
  58. <td colspan=8>
  59. <img src="images/www/ent3r/1_01.gif" style="width: 505px; height: 9px" alt="" /></td> 
  60. <td rowspan=15>
  61. <img src="images/www/ent3r/1_02.gif" style="width: 3px; height: 550px"  alt="" /></td>
  62. <td>
  63. <img src="images/www/ent3r/spacer.gif"style="width: 1px; height: 9px"  alt="" /></td>
  64. </tr>
  65. <tr>
  66. <td colspan=2 rowspan=2 style="background: transparent url(images/www/ent3r/1_03.gif)">  
  67. </td>
  68. <td colspan=2 rowspan=2>
  69. <img src="images/www/ent3r/1_04.gif" style="width: 171px; height: 36px"  alt="" /></td>
  70. <td rowspan=13>
  71. <img src="images/www/ent3r/1_05.gif" style="width: 3px; height: 536px"  alt="" /></td>
  72. <td style="background: transparent url(images/www/ent3r/1_06.gif)">  
  73. </td>
  74. <td colspan=2>
  75. <img src="images/www/ent3r/1_07.gif" style="width: 76px; height: 33px"  alt="" /></td>
  76. <td>
  77. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 33px"  alt="" /></td>
  78. </tr>
  79. <tr>  
  80. <td colspan=3 rowspan=3>&nbsp; </td>
  81. <td>
  82. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 3px"  alt="" /></td>
  83. </tr> 
  84. <tr>  
  85. <td colspan=4>&nbsp; </td>
  86. <td>
  87. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 64px"  alt="" /></td>
  88. </tr>
  89. <tr>
  90. <td colspan=4 rowspan=3>
  91. <img src="images/www/ent3r/1_10.gif" style="width: 295px; height: 7px"  alt="" /></td>
  92. <td>
  93. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 1px"  alt="" /></td>
  94. </tr> 
  95. <tr>
  96. <td colspan=3>
  97. <img src="images/www/ent3r/1_11.gif" style="width: 207px; height: 5px"  alt="" /></td>
  98. <td>
  99. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 5px"  alt="" /></td>
  100. </tr>
  101. <tr>
  102. <td colspan=2 rowspan=2 style="background: transparent url(images/www/ent3r/1_12.gif)">
  103. </td>
  104. <td rowspan=2>
  105. <img src="images/www/ent3r/1_13.gif" style="width: 64px; height: 37px"  alt="" /></td> 
  106. <td>
  107. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 1px"  alt="" /></td>
  108. </tr>
  109. <tr>
  110. <td rowspan=2 style="background: transparent url(images/www/ent3r/1_14.gif)">  
  111. </td>
  112. <td colspan=3 rowspan=2>
  113. <img src="images/www/ent3r/1_15.gif" style="width: 176px; height: 44px"  alt="" /></td>
  114. <td> 
  115. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 36px"  alt="" /></td>
  116. </tr>
  117. <tr>
  118. <td colspan=3 rowspan=2>&nbsp; </td>
  119. <td>
  120. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 8px"  alt="" /></td>
  121. </tr> 
  122. <tr>  
  123. <td colspan=4>&nbsp; </td>
  124. <td>
  125. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 159px"  alt="" /></td>
  126. </tr>
  127. <tr>
  128. <td colspan=4>
  129. <img src="images/www/ent3r/1_18.gif" style="width: 295px; height: 9px"  alt="" /></td>
  130. <td colspan=3 rowspan=2> 
  131. <img src="images/www/ent3r/1_19.gif" style="width: 207px; height: 12px"  alt="" /></td>
  132. <td> 
  133. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 9px"  alt="" /></td>
  134. </tr>
  135. <tr>
  136. <td colspan=3 rowspan=2 style="background: transparent url(images/www/ent3r/1_20.gif)">   
  137. </td>
  138. <td rowspan=2>
  139. <img src="images/www/ent3r/1_21.gif" style="width: 153px; height: 29px"  alt="" /></td>
  140. <td>
  141. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 3px"  alt="" /></td>  
  142. </tr>
  143. <tr>
  144. <td colspan=3 rowspan=2>
  145. <img src="images/www/ent3r/1_22.gif" style="width: 207px; height: 214px"  alt="" /></td>
  146. <td>
  147. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 26px"  alt="" /></td> 
  148. </tr>
  149. <tr> 
  150. <td colspan=4>&nbsp; </td>
  151. <td>
  152. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 188px"  alt="" /></td>
  153. </tr>
  154. <tr>
  155. <td colspan=8>
  156. <img src="images/www/ent3r/1_24.gif" style="width: 505px; height: 5px"  alt="" /></td>
  157. <td> 
  158. <img src="images/www/ent3r/spacer.gif" style="width: 1px; height: 5px"  alt="" /></td>
  159. </tr>
  160. <tr> 
  161. <td colspan=9>
  162. <img src="images/www/ent3r/1_25.gif" style="width: 508px; height: 14px"  alt="" /></td> 
  163. <td>
  164. <img src="images/www/ent3r/spacer.gif"style="width: 1px; height: 14px"  alt="" /><[color=blue]/td> 
  165. </tr>
  166. </table>
  167. <!-- koniec !-->
  168. <table style="border: 0pt none; width: 100%;">
  169. <tr>
  170. <td>
  171. <p style="text-align: center;">&nbsp; </p>
  172. <p style="text-align: center;"><span style="font-size: 9pt;">Copyright (c) 
  173. 2004-2005 &nbsp;&nbsp;&nbsp; <span style="font-size: 9pt; color: rgb(167, 34, 34);">SL1.GHTLY 
  174. STUDIO </span>&nbsp;&nbsp;&nbsp; All rights reserved! </span> </p>
  175. <p>&nbsp; </p>
  176. <p style="text-align: center;"> 
  177. <a href="http://validator.w3.org/check?uri=referer"> 
  178. <img style="border: 0pt none; width: 88px; height: 31px;" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" /> </a> 
  179. <a href="http://jigsaw.w3.org/css-validator/"> 
  180. <img style="border: 0pt none; width: 88px; height: 31px;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="valid css!" /> </a> 
  181. </p>
  182. </td>
  183. </tr>
  184. </table>
  185. </body>
  186. </html>
[HTML] pobierz, plaintext


Dając ten kod na http://validator.w3.org/ pojawiają mi sie takie błedy:


Cytat
Result:    Failed validation, 34 errors
File: ent3r.html
Encoding: iso-8859-2
Doctype: XHTML 1.0 Strict
Root Namespace:  http://www.w3.org/1999/xhtml

Note: The Validator XML support has some limitations.
This page is not Valid XHTML 1.0 Strict!

Below are the results of checking this document for XML well-formedness and validity.

   1. Error Line 58 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=8>

      ✉
   2. Error Line 60 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td rowspan=15>

      ✉
   3. Error Line 66 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2 rowspan=2 style="background: transparent url(images/www/ent3r/1_03

      ✉
   4. Error Line 66 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2 rowspan=2 style="background: transparent url(images/www/ent3r/1_03

      ✉
   5. Error Line 68 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2 rowspan=2>

      ✉
   6. Error Line 68 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2 rowspan=2>

      ✉
   7. Error Line 70 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td rowspan=13>

      ✉
   8. Error Line 74 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2>

      ✉
   9. Error Line 80 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=3>&nbsp; </td>

      ✉
  10. Error Line 80 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=3>&nbsp; </td>

      ✉
  11. Error Line 85 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=4>&nbsp; </td>

      ✉
  12. Error Line 90 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=4 rowspan=3>

      ✉
  13. Error Line 90 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=4 rowspan=3>

      ✉
  14. Error Line 96 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3>

      ✉
  15. Error Line 102 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2 rowspan=2 style="background: transparent url(images/www/ent3r/1_12

      ✉
  16. Error Line 102 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=2 rowspan=2 style="background: transparent url(images/www/ent3r/1_12

      ✉
  17. Error Line 104 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td rowspan=2>

      ✉
  18. Error Line 110 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td rowspan=2 style="background: transparent url(images/www/ent3r/1_14.gif)"> 

      ✉
  19. Error Line 112 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>

      ✉
  20. Error Line 112 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>

      ✉
  21. Error Line 118 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>&nbsp; </td>

      ✉
  22. Error Line 118 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>&nbsp; </td>

      ✉
  23. Error Line 123 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=4>&nbsp; </td>

      ✉
  24. Error Line 128 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=4>

      ✉
  25. Error Line 130 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>

      ✉
  26. Error Line 130 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>

      ✉
  27. Error Line 136 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2 style="background: transparent url(images/www/ent3r/1_20

      ✉
  28. Error Line 136 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2 style="background: transparent url(images/www/ent3r/1_20

      ✉
  29. Error Line 138 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td rowspan=2>

      ✉
  30. Error Line 144 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>

      ✉
  31. Error Line 144 column 22: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=3 rowspan=2>

      ✉
  32. Error Line 150 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=4>&nbsp; </td>

      ✉
  33. Error Line 155 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=8>

      ✉
  34. Error Line 161 column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

<td colspan=9>



I prócz tego w powyższym kodzie strony jest moment: 

[HTML] pobierz, plaintext 
  1. ...
  2. ...
  3. ...
  4. <!-- Dać na środek tą tabele !-->
  5.  
  6. <table style="width: 508px;">
  7. <tr>
  8. <td>
  9. <img src="images/www/ent3r//spacer.gif" style="width: 119px; height: 1px" alt="" /></td>
  10. ...
  11. ...
  12. ...
  13. <!-- koniec-->
[HTML] pobierz, plaintext


i mój drugi własnie problem to danie tablei na środek ...
Bo gdy robie <p align="center"> ta tablea <p> <- to niestety nie jest zgodne ze standardami, natomaist jak robie <p style="text-align: center"> ta tablea <p> <- to w IE jest na środku tabela (ale niestety wraz z tekstem w niej) natomiast w firefoxie niestety jest w dalszym ciagu z lewej strony.

Pomoże mi ktoś z tym sie uporać questionmark.gif?/

<span style='color:red'>--
FiDO: nastepnym razem prosze uzywac poprawnego BBCode[/color]
revyag
20.10.2005, 12:14:58
Sory, ale kod jest masakryczny. Tabel używa się do robienia tabel a nie layoutu strony.
Chcesz żeby strona była zgodna z pewnymi standardami to zrezygnuj z tabel. Teraz to tak wygląda jakby do malucha wsadzić super grajek i chwalić się że mam super furę snitch.gif
Co do błędów:
wszystkie atrybuty muszą być w cudzysłowach.
MitS
20.10.2005, 12:26:50
ok dzięki za odpowiedź, pomogło i jeszcze dwa pytania:
1. Czemu nie można robić tabelami layoutu questionmark.gif Czy muszą to być koniecznie znaczniki <div> questionmark.gif?
2. Co zrobić by wyśrodkować tą tabelkę questionmark.gifquestionmark.gif

Pozdro
FiDO
20.10.2005, 12:28:08
Polecam lekture tego: http://www.osiolki.net/tabelki/index.html
MitS
20.10.2005, 12:34:41
Dzięki FIDO to se zaraz przeczytam, jednak potrzebuje jednej rzeczy, tego wyśrodkowania tabeli w stylach kaskadowych... jak to zrobić questionmark.gif
Kill3R
20.10.2005, 13:20:43
srodkowanie tabeli

temat poruszany na forum juz milion razy
[HTML] pobierz, plaintext 
  1. html, body {
  2. text-align: center; /* to dla internet explorera */
  3. }
  4.  
  5. table#glownatabela {
  6. margin: 0 auto; /* to dla innych przgladarek */
  7. text-align: left; /*to ukladanie textu bo ten wyzszy styl html, body centruje wszystko lacznie z zawartoscia */
  8. }
[HTML] pobierz, plaintext

a co do layoutow tabelkowych to jak chcesz to nikt ci nie kaze robic w DIVach

tylko dawaj odpowiedni naglowek a nie xhtml 1.0 strict bo tu na tabelkach nie moze byc
MitS
20.10.2005, 13:38:55
ok dzięki smile.gif
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.