Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Roztawienie tabeli
Forum PHP.pl > Forum > Przedszkole
Dawior
Witam aktualnie mój panel wygląda tak:



Co zrobić żeby wyglądał tak:


To jest mój kod html:

  1. <tr>
  2. <td>
  3. <img src="./images/postacie/'.$row['skinpostaci'].'.jpg">
  4. </td>
  5. </tr>
  6. <tr>
  7. <td>
  8. <A href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a>
  9. </td>
  10. </tr>
  11. <tr>
  12. <td>
  13. <center><font size="1" color="#b0b0b0">9h</font></center>
  14. </td>
  15. </tr>


Proszę o pomoc z góry dzięki
_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:

  1.  
  2. <div style="float:left;">
  3. <img src="./images/postacie/'.$row['skinpostaci'].'.jpg"><br/>
  4.  
  5. <A href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a>
  6. </div>
  7. <div style="float:left;">
  8. <img src="./images/postacie/'.$row['skinpostaci'].'.jpg">
  9.  
  10. <br/>
  11.  
  12. <A href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a>
  13. </div>
  14.  
_olo_1984
  1. <!-- postac start -->
  2. <div style="width: 100px; height: 200px; float:left;">
  3. <img src="./images/postacie/'.$row['skinpostaci'].'.jpg"><br/>
  4. <a href=""><font size="1">'.$row['imiepostaci'].' '.$row['nazwiskopostaci'].'</font></a><br/>
  5. <font size="1" color="#b0b0b0">9h</font></center>
  6. </div>
  7. <!-- postac koniec -->
  8. .
  9. .
  10. .
  11. .
  12. .
  13. .
  14. .
  15. ileś tam tych postaci będzie,
  16. a na końcu dajesz jakiś element z clear left/both np.
  17. <div style="clear:left;"></div>


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.
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.