Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS][PHP]PHP a wyświetlanie danych
eminiasty
post 22.03.2016, 02:54:50
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 11.09.2015

Ostrzeżenie: (0%)
-----


Mam taka liste np:
Jest ona stworzona w oparciu o Bootstrapa i jego css.

na zasadzie col4 col4 col4

teraz pytanie jak wyswietlic tam dane z poziomu PHP?

zakladajac ze chce ze mam np 17 kat nie parzyscie specjalnie i zeby to sie samo rozdzialo najlepiej
A. Czy sie da?
B. Jak?

Jedyna opcja jaka mi przychodzi do glowy to 3 osobe zapytania z limitami, tzn rozdzielić ilosc kat na 3 moze nawet w losowy sposob i wrzuac kategorie do kolumn. Bez powotrzen, lecz to na pewno bezsensowne rozwiazanie i sa duzo lepsze.


Czy moglby ktos mi wsazac droge, moze jakis przyklad?

Wazne:kazda kategoria jest jest ma swoj wlasny ID


  1. <ul class="list-group">
  2.  
  3.  
  4. <div class="col-md-4" >
  5. <li class="list-group-item">
  6. <span class="badge">14</span>
  7. Ryba1
  8. </li>
  9. <li class="list-group-item">
  10. <span class="badge">2</span>
  11. Mieso2
  12. </li>
  13. <li class="list-group-item">
  14. <span class="badge">1</span>
  15. Pieczywo3
  16. </li>
  17. </div>
  18.  
  19. <div class="col-md-4" >
  20. <li class="list-group-item">
  21. <span class="badge">14</span>
  22. Ryba4
  23. </li>
  24. <li class="list-group-item">
  25. <span class="badge">2</span>
  26. Mieso5
  27. </li>
  28. <li class="list-group-item">
  29. <span class="badge">1</span>
  30. Pieczywo6
  31. </li>
  32. </div>
  33.  
  34. <div class="col-md-4" >
  35. <li class="list-group-item">
  36. <span class="badge">14</span>
  37. Ryba7
  38. </li>
  39. <li class="list-group-item">
  40. <span class="badge">2</span>
  41. Mieso8
  42. </li>
  43. <li class="list-group-item">
  44. <span class="badge">1</span>
  45. Pieczywo9
  46. </li>
  47. </div>
  48. </ul>


Ten post edytował eminiasty 22.03.2016, 02:55:15
Go to the top of the page
+Quote Post
Johnas
post 22.03.2016, 03:14:12
Post #2





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


oczywiście przyjacielu, ale najpierw zastanów się czy robisz to na div czy na ul i li, ponieważ ten kod jest niepoprawny smile.gif

Zobacz:
Lista w poziomie

a dla bootstrapa to było jakoś tak:

  1. <div class="row">
  2. <div class="col-md-4" >
  3.  
  4. </div>
  5. <div class="col-md-4" >
  6.  
  7. </div>
  8. <div class="col-md-4" >
  9.  
  10. </div>
  11. <!-- automatycznie kolejna grupa divów powinna być niżej -->
  12.  
  13. <div class="col-md-4" >
  14.  
  15. </div>
  16. <div class="col-md-4" >
  17.  
  18. </div>
  19. <div class="col-md-4" >
  20.  
  21. </div>
  22. </div>


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
eminiasty
post 22.03.2016, 18:58:29
Post #3





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 11.09.2015

Ostrzeżenie: (0%)
-----



wedlug tego co jest post wyzej

powinna byc strutkura jaka dales w niej lista a potem w css

  1. .list-group li{
  2. display:inline;
  3. }


co spowoduje zbudowanie listy poziomej, a czy o to wlasnie chodzi?
chyba nie do konca..

to nie powinno byc jakos w php rozwiazne?
Go to the top of the page
+Quote Post
Johnas
post 22.03.2016, 20:19:33
Post #4





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


Ja nie wiem kto was uczył HTML'a... Zauważyłeś jaką Ty masz strukturę ?
masz ul>div>li - Co jest błędną strukturą, ponieważ powinno być div>ul>li
Rozumiesz?

po za tym jak już to
  1. .col-md-4 li {
  2. display:inline;
  3. }


Ten post edytował GodOfPeople 22.03.2016, 20:22:30


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
eminiasty
post 23.03.2016, 00:30:49
Post #5





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 11.09.2015

Ostrzeżenie: (0%)
-----


Nie dalej nie rozumiem.

Ja zrobilem poprostu tak:
  1. <div class="col-md-4" >
  2. <ul class="list-group">
  3. <li class="list-group-item" >
  4. <span class="badge">14</span>
  5. Ryba1
  6. </li>
  7. <li class="list-group-item">
  8. <span class="badge">2</span>
  9. Mieso2
  10. </li>
  11. <li class="list-group-item">
  12. <span class="badge">1</span>
  13. Pieczywo3
  14. </li>
  15.  
  16. </ul>
  17. </div>

po twojej radzie.
ale nie w tym rzecz.

Według twojego pomysłu ponienem tworzyć liste pozioma, a ja chce 3 kolumny w kazdej menu pionowe, bynajmniej taki miałem zamysł. Nie wiem może da się to rozwiązać twoim sposobem ale nie przekonuje mnie to. I bardziej chodzi mi o to jak to rozwiązać z poziomu PHP jak wczytać tam dane w ta liste..

Wydaje mi się że jesli by wykorzystać twój pomysł to można wykorzystać col-md-12 w przypadku bootstrapa. Bo i tak zrobi sie z 3 rzedy rozciagnie do końca kolumny i przedjdzie do nastepnej, ale nie o to chodziło.


Go to the top of the page
+Quote Post
Johnas
post 23.03.2016, 23:26:01
Post #6





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


Cytat(eminiasty)
ja chce 3 kolumny w kazdej menu pionowe


  1. <!-- Pierwsza kolumna menu -->
  2. <div class="col-md-4">
  3. <ul>
  4. <li>element 1</li>
  5. <li>element 2</li>
  6. </ul>
  7. </div>
  8.  
  9. <!-- Druga kolumna menu -->
  10. <div class="col-md-4">
  11. <ul>
  12. <li>element 1</li>
  13. <li>element 2</li>
  14. </ul>
  15. </div>
  16.  
  17. <!-- Trzecia kolumna menu -->
  18. <div class="col-md-4">
  19. <ul>
  20. <li>element 1</li>
  21. <li>element 2</li>
  22. </ul>
  23. </div>


W jaki sposób chcesz pobierać to menu ? z bazy danych MySQL ? Jeżeli tak to możesz zrobić tabele menu i menu_elements, gdzie w menu będzie id oraz nazwa menu, a w menu_elements id menu, tytuł odnośnika oraz link.

Ten post edytował GodOfPeople 23.03.2016, 23:51:53


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 15:18