Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][PHP] Zmiana TABLE na DIV
Forum PHP.pl > Forum > Przedszkole
arek33
2.11.2009, 16:03:23
Wiem, że było już setki razy, ale przeczytałem już chyba większość tematów i nadal mam mętlik w głowie. Głównie bazowałem na tym temacie, ale nadal tego nie rozumiem.

Podaję prosty przykład, przy cięciu np. w PS otrzymuję następujący kod:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Untitled-6</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. </head>
  6. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  7. <table id="Table_01" width="500" height="50" border="0" cellpadding="0" cellspacing="0">
  8. 	<tr>
  9. 		<td colspan="15">
  10. 			<img src="images/php_01.png" width="500" height="20" alt=""></td>
  11. 	</tr>
  12. 	<tr>
  13. 		<td rowspan="2">
  14. 			<img src="images/php_02.png" width="9" height="30" alt=""></td>
  15. 		<td>
  16. 			<img src="images/php_03.png" width="81" height="12" alt=""></td>
  17. 		<td rowspan="2">
  18. 			<img src="images/php_04.png" width="20" height="30" alt=""></td>
  19. 		<td>
  20. 			<img src="images/php_05.png" width="39" height="12" alt=""></td>
  21. 		<td rowspan="2">
  22. 			<img src="images/php_06.png" width="20" height="30" alt=""></td>
  23. 		<td>
  24. 			<img src="images/php_07.png" width="45" height="12" alt=""></td>
  25. 		<td rowspan="2">
  26. 			<img src="images/php_08.png" width="18" height="30" alt=""></td>
  27. 		<td>
  28. 			<img src="images/php_09.png" width="53" height="12" alt=""></td>
  29. 		<td rowspan="2">
  30. 			<img src="images/php_10.png" width="19" height="30" alt=""></td>
  31. 		<td>
  32. 			<img src="images/php_11.png" width="27" height="12" alt=""></td>
  33. 		<td rowspan="2">
  34. 			<img src="images/php_12.png" width="21" height="30" alt=""></td>
  35. 		<td>
  36. 			<img src="images/php_13.png" width="67" height="12" alt=""></td>
  37. 		<td rowspan="2">
  38. 			<img src="images/php_14.png" width="20" height="30" alt=""></td>
  39. 		<td>
  40. 			<img src="images/php_15.png" width="54" height="12" alt=""></td>
  41. 		<td rowspan="2">
  42. 			<img src="images/php_16.png" width="7" height="30" alt=""></td>
  43. 	</tr>
  44. 	<tr>
  45. 		<td>
  46. 			<img src="images/php_17.png" width="81" height="18" alt=""></td>
  47. 		<td>
  48. 			<img src="images/php_18.png" width="39" height="18" alt=""></td>
  49. 		<td>
  50. 			<img src="images/php_19.png" width="45" height="18" alt=""></td>
  51. 		<td>
  52. 			<img src="images/php_20.png" width="53" height="18" alt=""></td>
  53. 		<td>
  54. 			<img src="images/php_21.png" width="27" height="18" alt=""></td>
  55. 		<td>
  56. 			<img src="images/php_22.png" width="67" height="18" alt=""></td>
  57. 		<td>
  58. 			<img src="images/php_23.png" width="54" height="18" alt=""></td>
  59. 	</tr>
  60. </table>
  61. </body>
  62. </html>
[HTML] pobierz, plaintext


Jak teraz tabelę zamienić na divy? :|
Blame
2.11.2009, 16:14:23
To zależy co chcesz osiągnąć. Przydałoby się gdybyś pokazał nam jak strona wygląda. Ale mimo to dam ci parę wskazówek, mam nadzieje, że trafnych.
  1. Wywal znaczniki <table>, zamiast nich daj div'a, w którym będzie cała strona.
  2. Wywal <tr> jeśli trzeba to możesz zrobić to samo co w pkt.1.
  3. Zamiast <td> daj div'y ale z umiarem i sensownie, jeśli dwa obrazki mają stać koło siebie to nie ma potrzeby dawać je do dwóch osobnych div'ów.
  4. Jeśli obrazki w polach tabeli są w jakiś sposób tłami, przerzuć je do CSS.

To tak na początek.
redelek
2.11.2009, 16:18:09
Może mały generator div, mi się przydał smile.gif
Generator DIV
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.