Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zamiast tabeli
Forum PHP.pl > Forum > Po stronie przeglądarki
Manwe89
6.04.2009, 13:25:40
Witam. Chciałem uzyskac efekt nastepujacy: 3 kolumny i x wierszy. W tabeli mialbym to tak:
[HTML] pobierz, plaintext 
  1. <table>
  2.   <tr>
  3.     <td>
  4.  
  5.     </td>
  6.     <td>
  7.  
  8.     </td>
  9.     <td>
  10.  
  11.     </td>
  12.   </tr>
  13.   .
  14.   .
  15.   .
  16. </table>
[HTML] pobierz, plaintext


chcialem to zrobic "elegancko" wiec zrobielm taak:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. ul.lista{
  3.     list-style: none;
  4.     width: 100%;
  5.     display: block;
  6.     clear: both;
  7. }
  8. ul.lista li{
  9.     width: 30%;
  10.     float: left;
  11. }
  12. </style>
  13. <div style='margin-top: 10px; border:1px solid black;'>
  14.   <ul class='lista'>
  15.     <li>
  16.       Lorem ipsum dolor sit amet.
  17.     </li>
  18.     <li>
  19.       Lorem ipsum dolor sit amet.
  20.     </li>
  21.     <li>
  22.       Lorem ipsum dolor sit amet.
  23.     </li>
  24.   </ul>
  25. </div>
[HTML] pobierz, plaintext

ale niestety wyszlo to tak:

na pewno ktos juz wie jak to zrobic smile.gif czy moze jednak pozostac przy tabelach?
wookieb
6.04.2009, 13:40:03
Po co tak kombinować? Tabelki sa od przedstawiania danych tabelarycznych a u ciebie są to własnie takie dane wiec zostaw tabele.
Manwe89
6.04.2009, 14:33:02 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
[HTML] pobierz, plaintext


walidator bedzie mi krzyczal ze nie mozna ;p wiec jakby nie patrzyl musze z tabel zrezygnowac ;p
piotrooo89
6.04.2009, 14:35:56
Cytat(Manwe89 @ 6.04.2009, 15:33:02 ) *
walidator bedzie mi krzyczal ze nie mozna ;p wiec jakby nie patrzyl musze z tabel zrezygnowac ;p


dlaczego ma krzyczeć? odpowiednio poustawiasz tabelki (zgodnie z xHTML) i będzie ok.
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.