Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS][PHP] Zmiana TABLE na DIV
arek33
post 2.11.2009, 16:03:23
Post #1





Grupa: Zarejestrowani
Postów: 72
Pomógł: 0
Dołączył: 24.02.2009

Ostrzeżenie: (0%)
-----

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? :|
Go to the top of the page
+Quote Post
Blame
post 2.11.2009, 16:14:23
Post #2





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

Ostrzeżenie: (0%)
-----

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.


--------------------
Napisane z palca! <- to tak dla lansu ;)
FancyStudio.pl - Tworzenie Stron WWW w Oparciu o XHTML, CSS, JS, PHP i MySQL.
Mój blog :: Portfolio Fotograficzne Igora Biedrawy
Go to the top of the page
+Quote Post
redelek
post 2.11.2009, 16:18:09
Post #3





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

Ostrzeżenie: (0%)
-----

Może mały generator div, mi się przydał smile.gif
Generator DIV


--------------------
Pozdrawiam
Piotrek R
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 6.06.2025 - 18:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn