Forum PHP.pl > [(x)html] Jak mam przerobić te tabelki na divy?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [(x)html] Jak mam przerobić te tabelki na divy?

in5ane

15.03.2008, 01:49:42

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

Oto kod:

[HTML] pobierz, plaintext 
<html>
<head>
<title>3r.net.pl - free runners</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#000000">
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			<img src="images/img_01.png">
		</td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="images/img_02.gif">
		</td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/img_03.png">
		</td>
		<td>
			<img src="images/img_04.png">
		</td>
		<td rowspan="2">
			<img src="images/img_05.png">
		</td>
		<td>
			<img src="images/img_06.png">
		</td>
		<td rowspan="2">
			<img src="images/img_08.png">
		</td>
	</tr>
	<t>
		<td>
			<img src="images/img_09.png">
		</td>
		<td>
			<img src="images/img_10.png">
		</td>
	</tr>
 
</table>
</body>
</html>
[HTML] pobierz, plaintext

To powinno wyglądać tak:
link

Tutaj adres:
LINK

Z góry dziękuję za pomoc

mokry

15.03.2008, 01:54:50

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.

in5ane

15.03.2008, 01:56:02

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

c0cr0ach

15.03.2008, 03:27:42

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.

baranek77

15.03.2008, 09:16:30

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 
<?php
<div id="tlo">
<div id="boks1"></div><div id="boks2"></div></div>
?>
[PHP] pobierz, plaintext

i teraz w css sobie ustawaisz

[PHP] pobierz, plaintext 
<?php
#tlo {
background: url(obrazekztlem);
width:400px; 
heiht:600px;
}
#boks1 {
float:left;
overflow:auto;
background: url(obrazek);
width:xx;
height:xx;
}
#boks2 {
background: url(obrazek);
width:xx;
height:xx;
float:right;
overflow:auto;
}
?>
[PHP] pobierz, plaintext

tak orientacyjnie pokazalem jak to mozna zrobic

in5ane

15.03.2008, 12:18:00

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.

baranek77

15.03.2008, 14:32:04

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

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.