[HTML]Roztawienie tabeli Opcje

[Dawior]

Witam aktualnie mój panel wygląda tak:



Co zrobić żeby wyglądał tak:


To jest mój kod html:

[HTML] pobierz, plaintext 
<table>
<tr>
<td>
<img src="./images/postacie/'.$row['skinpostaci'].'.jpg">
</td>
</tr>
<tr>
<td>
<A href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a>
</td>
</tr>
<tr>
<td>
<center><font size="1" color="#b0b0b0">9h</font></center>
</td>
</tr>
</table>
[HTML] pobierz, plaintext 

Proszę o pomoc z góry dzięki

Ten post edytował Dawior 21.12.2010, 10:52:25

[_olo_1984]

albo postać z tabelki wrzucić w odpowiednio stylowany div z float, albo wszystkie dane postaci umieścić między <td></td> a przy którejś tam z kolei postaci zrobić przejście do kolejnego wiersza. Chyba że odpowiednio ostylować tabelkę na wymiary i spróbować z float, ale jednak lepiej przejśc na div'y. Pozdr

[Dawior]

a dokładniej?

[bobo168]

zamiast tabeli:

[HTML] pobierz, plaintext 
 
<div style="float:left;">
<img src="./images/postacie/'.$row['skinpostaci'].'.jpg"><br/>
 
<A href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a>
</div>
<div style="float:left;">
<img src="./images/postacie/'.$row['skinpostaci'].'.jpg">
 
<br/>
 
<A href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a>
</div>
 
[HTML] pobierz, plaintext 

Ten post edytował bobo168 21.12.2010, 11:25:38

[_olo_1984]

[HTML] pobierz, plaintext 
<!-- postac start -->
<div style="width: 100px; height: 200px; float:left;">
  <img src="./images/postacie/'.$row['skinpostaci'].'.jpg"><br/>
  <a href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a><br/>
  <font size="1" color="#b0b0b0">9h</font></center>
</div>
<!-- postac koniec -->
.
.
.
.
.
.
.
ileś tam tych postaci będzie,
 a na końcu dajesz jakiś element z clear left/both np.
<div style="clear:left;"></div>
[HTML] pobierz, plaintext 

te postacie pewnie generowane w pętli z bazy, więc wystarczy powielić ten kod między opisem start a koniec. Powinny ułożyć się jeden obok drugiego zaczynając od lewej, ile ich będzie to sobie oblicz, masz podaną szerokość (którą zresztą możesz sobie podać dowolną). Co do samego diva to można go lepiej ostylować, to co napisałem to przykład.