Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tabele w XHTML
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Nyny
29.03.2007, 12:08:08
Witam,
Mam zrobione stronie za pomoca divow mam ulozona grafike ale przedstawiam na stronie dane i chce to zrobic tabelarycznie. Moj problem polega na tym ze niebardzo wiem jakie znaczniki dostepne sa w XHTMLU. Szukalem juz w niecie tyle tego bylo i mam metlik w glowie.
Mianowicie moja strona przechodzi walidacje na W3C ale mam taki oto zapis w XHTML1.1 bo niewiem czym to zastapic:
<td colspan="4" align="right">

Wiem ze align moge zapisac w taki sposob:
<td style="text-align: right;"> ale co zobic z colspan?
Czy colspan jest dostepny w XHTML skoro przechodzi walidacje?
Czy moglibyscie sprawdzic ponizszy kod i ewentualnie podac jakies strony gdzie byloby to wszystko pieknie wytlumaczone...

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2. "http://www.w3c.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Przeglądanie zawartości koszyka zakupów</title>
  7. <link rel="stylesheet" media="screen" href="includes/style.css" type="text/css" />
  8. </head>
  9.  
  10. <body>
  11. <div>
  12.     <div id="title">
  13.     <img src="images/title.jpg" alt="tytul" />
  14.     </div>
  15.  
  16.     <div class="tabs">
  17.     <a href="index.php">
  18.     <img src="images/home.jpg" alt="strona glowna" />
  19.     </a>
  20.     </div>
  21.  
  22.     <div class="tabs">
  23.     <a href="browse_prints.php">
  24.     <img src="images/prints.jpg" alt="przegladanie odbitek" />
  25.     </a>
  26.     </div>
  27.  
  28.     <div class="tabs">
  29.     <a href="view_cart.php">
  30.     <img src="images/cart.jpg" alt="zawartosc koszyka" />
  31.     </a>
  32.     </div>
  33.  
  34.     <div id="main">
  35.     <br /><form action="view_cart.php" method="post">
  36.   <table style="margin: 0 auto; border-spacing: 3px; border-collapse: spacing; width:90%;">
  37.   <tr>
  38.   <td style="text-align: left; padding: 1px; width: 25%;">
  39.   <b>Artysta:</b>
  40.   </td>
  41.   <td style="text-align: left; padding: 1px; width: 25%;">
  42.   <b>Nazwa odbitki:</b>
  43.   </td>
  44.   <td style="text-align: left; padding: 1px; width: 15%;">
  45.   <b>Cena:</b>
  46.   </td>
  47.   <td style="text-align: left; padding: 1px; width: 10%;">
  48.   <b>Ilość:</b>
  49.   </td>
  50.   <td style="text-align: right; padding: 1px; width: 15%;">
  51.   <b>Całkowita cena:</b>
  52.   </td>
  53.   </tr>
  54.   <tr>
  55.     <td style="text-align: left; padding: 2px;">Jan Nowak
  56.     </td>
  57.  
  58.     <td style="text-align: left; padding: 2px;">ABC
  59.     </td>
  60.  
  61.     <td style="text-align: left; padding: 2px;">99.00 zł
  62.     </td>
  63.  
  64.     <td style="text-align: left; padding: 2px;">
  65.     <input type="text" size="1" name="qty[10]" value="1" />
  66.     </td>
  67.  
  68.     <td style="text-align: right; padding: 2px;">99.00 zł
  69.     </td>
  70.     </tr>
  71. <tr>
  72.   <td colspan="4" align="right">
  73.   <b>Suma:</b>
  74.   </td>
  75.   <td style="text-align: right;">99.00 zł
  76.   </td>
  77.   </tr>
  78.   </table>
  79.   <div style="text-align: center;">
  80.   <br />
  81.   <input type="submit" name="submit" value="Uaktualnij zawartość" />
  82.   </div>
  83.   </form>
  84.   <div style="text-align: center; font-size: 130%;">
  85.   <br />
  86.   <a href="checkout.php">
  87.   Realizacja płatności
  88.   </a>
  89.   </div><br />
  90.     </div>
  91.  
  92.      <div id="footer">
  93.      &copy; Prawa zastrzezone
  94.      </div>
  95.  
  96. </div>
  97. </body>
  98. </html>
[HTML] pobierz, plaintext
babejsza
29.03.2007, 12:46:43
w css nie ma czegoś takiego colspan czy rowspan. Te znaczniki tworzą strukturę strony i są w tym przypadku dla znacznika td tym samym co rows i cols dla textarea z tym jednym wyjątkiem, że nie są wymagane.

Aby było bardziej semantycznie zaznajom się ze znacznikami th, tbody, thead, tfood oraz caption.
Nyny
29.03.2007, 13:05:28
Czyli rozumiem ze stosowanie w <td> align, colspan, rowspan itp.. jst jak najbardziej dozwolone jesli nie chce konkretnie tu uzywac styli?
devnul
29.03.2007, 13:10:51
tak - jaknajbardziej dozwolone a wręcz colspan i rowspan wymagane bo nie mają zamienników w css ponieważ nie są odpowiedzialne za wygląd a za strukture danych
babejsza
29.03.2007, 14:58:19
Hola hola @devnul smile.gif Colspan i rowspan jak najbardziej, ale align? A co to jest align winksmiley.jpg

Nie wolno używać tego znacznika w XHTML'u.
devnul
29.03.2007, 15:08:06
a czy ja napisałem gdzies align? no prosze wskaż mi to miejsce - nie czepiaj sie czegoś czego nie ma!
Nyny
29.03.2007, 15:16:39
OK dzieki panowie. Powiedzice tylko czemu takie cos przechodzi przez walidator w3c:
<td colspan="4" align="right"> biggrin.gif
Poprawnie jest oczywiscie:
<td colspan="4" style="text-align: right;">
Mam racje?

Powiedzcie mi jeszcze czy cellspacing i cellpadding maja zamienniki w CSS?
tak ma byc? border-spacing: X px; padding: X px;?
devnul
29.03.2007, 15:28:05
http://www.w3schools.com/tags/tag_td.asp zapoznaj sie zarówno Ty jak i kolega babejsza (bo najwyraźniej też powinien)

a tu drugie źródło
http://www.webreference.com/xml/reference/xhtml.html
babejsza
29.03.2007, 16:41:18
Pytanie:
Cytat
Czyli rozumiem ze stosowanie w <td> align, colspan, rowspan itp.. jst jak najbardziej dozwolone jesli nie chce konkretnie tu uzywac styli?


i Twoja odpowiedź:

Cytat
tak - jaknajbardziej dozwolone a wręcz colspan i rowspan wymagane bo nie mają zamienników w css ...


Jednoznacznie wynika z tego zdania, że align, colspan i rowspan są dozwolone.

Ja się nie czepiam, ale skoro ja to zdanie tak odebrałem to @Nyny też mógł, i chodziło tylko o doprecyzowanie smile.gif.

Pozdrawiam

//EDIT

a odnosząc się do tego co napisał @devnul - człowiek uczy się całe życie smile.gif. Byłem przekonany, że ten znacznik wyleciał ze specyfikacji.
devnul
29.03.2007, 16:49:27
bynajmniej w td align jest dozwolone - aczkolwiek tego nie napisałem

jak widać nie wyleciał - co innego że prezentację powinno się definiować w css
babejsza
29.03.2007, 17:11:40
ale to ma w sumie sens, żeby align było. Bo np. kwoty w tabelach powinny być prezentowane od prawej strony.
devnul
29.03.2007, 17:17:54
można by polemizować - jest i już - nie ma co sobie głowy zawracać czy powinien czy nie

//Edit: @Nyny: uwaga dla Ciebie: stosuj arkusze stylów - kod będzie mniej zaśmiecony
Nyny
30.03.2007, 08:00:35
Hmm przeciez zastosowalem arkusze do menu. A te tabele musza tak byc i niewiem nawet w jaki sposob je zaprezentowac w css...
babejsza
30.03.2007, 09:08:41
możesz np. tak, ale rozwiązań jest kilka

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3c.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Przeglądanie zawartości koszyka zakupów</title>
  6. <link rel="stylesheet" media="screen" href="includes/style.css" type="text/css" />
  7.  
  8. <style type="text/css">
  9. 	table {
  10. 		margin: 0 auto; 
  11. 		border-spacing: 3px; 
  12. 		border-collapse: spacing; 
  13. 		width:90%;
  14. 		background-color: #000;
  15. 	}
  16.  
  17. 	th {
  18. 		padding: 1px; 
  19. 		text-align: left;
  20. 		width: 25%;
  21. 		background-color: #FFF;
  22. 	}
  23.  
  24. 	th.left_15 {width: 15%;}
  25. 	th.left_10 {width: 10%;}
  26. 	th.right_15 {text-align: right;		width: 15%;	}
  27.  
  28. 	tfoot {font-weight: bold; text-align: right}
  29. 	tfoot td {background-color: #FFF;}
  30.  
  31. 	tbody td {
  32. 		text-align: left; 
  33. 		padding: 2px;
  34. 		background-color: #FFF;
  35. 	}
  36.  
  37. 	tbody td.right {text-align: right}
  38.  
  39. </style>
  40. </head>
  41.  
  42. <body>
  43.  
  44.  
  45. <form action="view_cart.php" method="post">
  46. 	<table cellspacing="1">
  47. 		<thead>
  48. 		  <tr>
  49. 			  <th>Artysta:</th>
  50. 			  <th>Nazwa odbitki:</th>
  51. 			  <th class="left_15">Cena:</th>
  52. 			  <th class="left_10">Ilość:</th>
  53. 			  <th class="right_15">Całkowita cena:</th>
  54. 		  </tr>
  55. 		</thead>
  56. 		<tfoot>
  57. 			<tr>
  58. 		  	<td colspan="4">Suma:</td>
  59. 		  	<td>99.00 zł</td>
  60. 		  </tr>
  61. 		</tfoot>
  62. 		<tbody>
  63. 		  <tr>
  64. 		    <td>Jan Nowak</td>
  65. 		    <td>ABC</td>
  66. 		    <td>99.00 zł</td>
  67. 		    <td><input type="text" size="1" name="qty[10]" value="1" /></td>
  68. 		    <td class="right">99.00 zł</td>
  69. 			</tr>
  70. 		</tbody>
  71. 	</table>
  72. </form>
  73.  
  74.  
  75. </body>
  76. </html>
[HTML] pobierz, plaintext
Nyny
30.03.2007, 18:12:33
Babejsza wielkie dzieki biggrin.gif
Ale pojawil sie jeszcze jeden problem.
Mianowicie chce wyswietlac tabele tak jak to napisac babejsza czyli stylami css ale pliki w ktrych te dane chce przedstawic tabelarycznie sa gnerowane przez PHP.
Jest naglowek i stopka dolaczany przez PHP a w naglowku miesci sie cala deklaracja styli.
Gdy te style zamieszcze w naglowku to dla wszystkich tabel bedzie mi podstawial zle argumenty bo powiedzmy ze plikow z tabelami bedzie 4 i w kazdym z nich inne ulozenie tabel
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.