Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [(x)html] Jak mam przerobić te tabelki na divy?
in5ane
post 15.03.2008, 01:49:42
Post #1





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

Prosiłbym o pomoc w przerobieniu tych tabelek na divy. Jeżeli ktoś mógłby pomoc, to proszę smile.gif

Oto kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>3r.net.pl - free runners</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. </head>
  6. <body bgcolor="#000000">
  7. <table border="0" cellpadding="0" cellspacing="0">
  8. 	<tr>
  9. 		<td colspan="6">
  10. 			<img src="images/img_01.png">
  11. 		</td>
  12. 	</tr>
  13. 	<tr>
  14. 		<td colspan="6">
  15. 			<img src="images/img_02.gif">
  16. 		</td>
  17. 	</tr>
  18. 	<tr>
  19. 		<td rowspan="2">
  20. 			<img src="images/img_03.png">
  21. 		</td>
  22. 		<td>
  23. 			<img src="images/img_04.png">
  24. 		</td>
  25. 		<td rowspan="2">
  26. 			<img src="images/img_05.png">
  27. 		</td>
  28. 		<td>
  29. 			<img src="images/img_06.png">
  30. 		</td>
  31. 		<td rowspan="2">
  32. 			<img src="images/img_08.png">
  33. 		</td>
  34. 	</tr>
  35. 	<t>
  36. 		<td>
  37. 			<img src="images/img_09.png">
  38. 		</td>
  39. 		<td>
  40. 			<img src="images/img_10.png">
  41. 		</td>
  42. 	</tr>
  43.  
  44. </table>
  45. </body>
  46. </html>
[HTML] pobierz, plaintext


To powinno wyglądać tak:
link

Tutaj adres:
LINK


Z góry dziękuję za pomoc smile.gif

Ten post edytował Sabistik 15.03.2008, 11:27:00


--------------------
> > > Tworzenie stron < < <
Go to the top of the page
+Quote Post
mokry
post 15.03.2008, 01:54:50
Post #2





Grupa: Zarejestrowani
Postów: 374
Pomógł: 23
Dołączył: 3.06.2006
Skąd: Katowice

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

Aby to pociąć potrzebna jest przede wszystkim na początku grafika, która na pewno będzie inaczej pocięta niż w układzie tabelkowym.


--------------------
Pomogłem? Podziękuj proszę klikając poniżej "POMÓGŁ" ;)
Go to the top of the page
+Quote Post
in5ane
post 15.03.2008, 01:56:02
Post #3





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

No mam plik PSD, ale nie wiem jak pociąć to dobrze do DIVów.


--------------------
> > > Tworzenie stron < < <
Go to the top of the page
+Quote Post
c0cr0ach
post 15.03.2008, 03:27:42
Post #4





Grupa: Zarejestrowani
Postów: 31
Pomógł: 1
Dołączył: 10.12.2006

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

Zawsze możesz zmienić wszystkie znaczniki table, tr i td na div (chociaż w tym wypadku to polecałbym pociąć to jeszcze raz). Musisz się jednak liczyć z koniecznością dopisania odpowiedniego arkusza stylów w css. Możesz poza tym ciąć na tysiąc sposobów wedle uznania i potrzeb, więc nie sądzę, żeby ktoś udzielił Ci jednoznacznej odpowiedzi.

Ten post edytował c0cr0ach 15.03.2008, 03:28:42


--------------------
this world means nothing
Go to the top of the page
+Quote Post
baranek77
post 15.03.2008, 09:16:30
Post #5





Grupa: Zarejestrowani
Postów: 66
Pomógł: 7
Dołączył: 17.12.2007

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

w sumie zalezy od tego jak ma sie zachowywac to tlo czy ma sie powtarzac, czy w boksach maja byc suwaki. Jesli suwaki to ja bym to zrobil tak

[PHP] pobierz, plaintext 
  1. <?php
  2. <div id="tlo">
  3. <div id="boks1"></div><div id="boks2"></div></div>
  4. ?>
[PHP] pobierz, plaintext


i teraz w css sobie ustawaisz
[PHP] pobierz, plaintext 
  1. <?php
  2. #tlo {
  3. background: url(obrazekztlem);
  4. width:400px; 
  5. heiht:600px;
  6. }
  7. #boks1 {
  8. float:left;
  9. overflow:auto;
  10. background: url(obrazek);
  11. width:xx;
  12. height:xx;
  13. }
  14. #boks2 {
  15. background: url(obrazek);
  16. width:xx;
  17. height:xx;
  18. float:right;
  19. overflow:auto;
  20. }
  21. ?>
[PHP] pobierz, plaintext

tak orientacyjnie pokazalem jak to mozna zrobic
Go to the top of the page
+Quote Post
in5ane
post 15.03.2008, 12:18:00
Post #6





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

Chciałbym, aby to tło w tych boxach było dalej zależne od wielkości (długości) tekstu i był tam kolor szary już w tym boxie za obrazkiem.


--------------------
> > > Tworzenie stron < < <
Go to the top of the page
+Quote Post
baranek77
post 15.03.2008, 14:32:04
Post #7





Grupa: Zarejestrowani
Postów: 66
Pomógł: 7
Dołączył: 17.12.2007

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

mozna by to zrobic tak jak pisalem wczesniej tylko zmniejszyc widocznosc tych 2 divo z tlem boksow ale w tym przypadku ie tego nie obsluzy
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.07.2025 - 06:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn