Forum PHP.pl > Lista z zagnieżdzoną listą

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Lista z zagnieżdzoną listą

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Largo

24.11.2009, 14:30:06

Witam,

Mam pewien problem dotyczący HTML. Chcę stworzyć listę obrazków, nic trudnego, bo ma być to zwykły radioBox. W czym problem? W pętli iterującej te obrazki i parsującej dane, chciałbym, aby po wystąpieniu 10 elementu, tworzył nową listę. Ma to mniej więcej wyglądać jak Ikony postu w czasie postowania, ale trochę inna zasada.

Na moje oko - najpierw muszę stworzyć jedną listę i w iterować podstawowe elementy z tablicy danych, i w tych elementach zagnieżdzonych podawać dane. Pytanie tylko jak to po stronie kodu HTML ma wyglądać? Używam list <ul> i <li>.

Pozdrawiam,
Largo

athei

24.11.2009, 15:38:18

http://www.w3schools.com/HTML/tryit.asp?fi...=tryhtml_lists2

Largo

25.11.2009, 19:20:16

Witaj,

Nie, nie o to :-) Inaczej to widzę - pierwsza ( pionowa ) lista idzie do 10 elementów, jeżeli osiągnie 10 element, rozpoczyna się druga w poziomie itd. Da się to wykonać?

Coś w ten deseń:

[HTML] pobierz, plaintext 
<html>
<body>
 
<h4>A nested List:</h4>
<table width='100%'>
<tr>
<td>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
</ul>
</td>
<td>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
</ul>
</td>
<td>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
</ul>
</td>
<td>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Black tea</li>
  <li>Green tea</li>
  <li>Milk</li>
</ul>
</td>
</tr>
 
</body>
</html>
[HTML] pobierz, plaintext

Tylko nie chcę do tego używać tabel, w końcu wypada kodować ze standardami W3C :-)

Pomoże ktoś?

nitek

25.11.2009, 23:27:12

korzystanie z list i wrzucanie ich do tabeli... szok...

dajesz:

Kod

i w stylach:

Kod

ul {float:left;}

i juz masz to co chciałeś - dwie kolumny i więcej (jeśli dasz więcej ul).
Obrobić to w pętli co 10, to żaden problem..

Largo

28.11.2009, 15:44:44

Witaj,

Serdecznie Ci dziękuje za pomoc. Nie znam się nawet średnio na CSS, a chcę się nauczyć.

Pozdrawiam,
Largo

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.