Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][PHP] Własne mini forum, div-y czy tabelki
Baku12345
post
Post #1





Grupa: Zarejestrowani
Postów: 46
Pomógł: 1
Dołączył: 23.04.2011

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


Panowie mam takie banalne pytanie, któro semego mnie śmieszy, że tego nie wiem. Na potrzeby swoje i małej grupki osób postanowiłem zrobić własne mini forum, przy okazji powtarzając sobie to czego się nauczyłem z html i php. System newsów już kiedyś sobie napisałem, więc pozostało tylko logowanie i rejestracja, z którym też sobie szybko poradziłem. Wpadłem jednak na genialny pomysł, żeby przy tematach były loginy, a po temacie opcja umożliwiająca edycję lub usunięcie. I tu się zaczęły problemy, bo system newsów składał się z jednej kolumny div a ja potrzebuję trzy na login, treść tematu i opcje.

I tu zaczą się mój problem, bo nie wiem jak robi się takie fora czy na divach czy na tabelkach?

Na tabelkach byłoby prosto, bo wiersz wyglądałby tak:
  1. <tr><td>Login</td><td>Temat</td><td>Opcje</td></tr>


Ale tyle pisze się, żeby robić strony na divach, więc zrobiłem tak:
  1. <div>
  2. <div>Login</div><div>Temat</div><div>Opcje</div>
  3. </div>


Na pierwszy rzut oka wydaje się to samo z tą różnicą, że tr i td odrazu robi wiersz i komórkę tabeli, a divy trzebaby odpowiednio ostylować żeby zaczęły tworzyć wiersz i potem się powielały jak należy, gdy użytkownik doda nowy temat.

Więc ponawiam pytanie, jak tworzy się wiersze pisząc takie forum, na divach czy na tabelkach (tak jak by to były dane tabelaryczne)?

Z góry dziękuję za odpowiedź
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Tabelki sluza do wyswietlania danych tabelarycznych. Czy twoje dane to takie dane? Tak, to takie wlasnie dane.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
b4rt3kk
post
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


Ja osobiście użyłbym div-ów. Nie lubię tabelek, bo google nie lubi tabelek. Ale jak forum na własny użytek, to nie masz co się przejmować, użyj tabelek.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Google nie lubi tabelek....no bez przesady.... nawet google wie do czego sluzą tabelki.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
freemp3
post
Post #5





Grupa: Zarejestrowani
Postów: 467
Pomógł: 77
Dołączył: 6.09.2008
Skąd: Miechów / Kraków

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


Cytat
google nie lubi tabelek

Google lubi tabelki, ale pod warunkiem, że sa użyte w odpowiedni sposób. Oparcie całej struktury strony na tabeli nie jest dobrym sposobem. Zauważ, że większosć, jak nie wszystkie, fora do listowania działów, tematów, postów, itp używają właśnie tabelek i strony, które z nich korzystają nie wylatują z indeksu google.

Co do samego tematu zaś, to tak jak napisał nospor, dane które chcesz wyświetlić to dane tabelaryczne więc lepiej użyć do nich zwykłych tabelek zamiast się bawić z układaniem div-ów.


--------------------
Niemożliwym jest stworzenie czegokolwiek idiotoodpornego, ponieważ idioci są wyjątkowo pomysłowi.

https://www.aroch.pl
https://themeforest.net/user/aroch
https://www.astroblog.aroch.pl
https://www.4geeks.pl
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #6





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


Cytat(freemp3 @ 14.11.2013, 10:38:12 ) *
Google lubi tabelki, ale pod warunkiem, że sa użyte w odpowiedni sposób. Oparcie całej struktury strony na tabeli nie jest dobrym sposobem. Zauważ, że większosć, jak nie wszystkie, fora do listowania działów, tematów, postów, itp używają właśnie tabelek i strony, które z nich korzystają nie wylatują z indeksu google.

Co do samego tematu zaś, to tak jak napisał nospor, dane które chcesz wyświetlić to dane tabelaryczne więc lepiej użyć do nich zwykłych tabelek zamiast się bawić z układaniem div-ów.


A mówił ktoś o wylatywaniu z indeksu google? Treść tabeli nie jest przetwarzana przez bota... Stronę sobie buduj jak chcesz, tylko żebyś miał świadomość jak to później wygląda w wyszukiwarkach. Rozkład słów kluczowych, itd.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Crozin
post
Post #7





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Cytat
Treść tabeli nie jest przetwarzana przez bota...
Nie wypisuj głupot - wprowadzasz ludzi w błąd.

@Baku12345: Użycie tabel jest tu jak najbardziej wskazane.
Go to the top of the page
+Quote Post
Baku12345
post
Post #8





Grupa: Zarejestrowani
Postów: 46
Pomógł: 1
Dołączył: 23.04.2011

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


Bardzo dziękuję wszystkim za odpowiedzi, właśnie o to mi chodziło. W takim razie stronę zrobię na divach, a listę tematów forum i odpowiedzi na tabelkach.
Go to the top of the page
+Quote Post
Malukaz
post
Post #9





Grupa: Zarejestrowani
Postów: 77
Pomógł: 4
Dołączył: 16.04.2009

Ostrzeżenie: (10%)
X----


ewentualnie do divów wklej
  1. style="float: left;"
Go to the top of the page
+Quote Post
Baku12345
post
Post #10





Grupa: Zarejestrowani
Postów: 46
Pomógł: 1
Dołączył: 23.04.2011

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


Cytat(Malukaz @ 15.11.2013, 01:08:46 ) *
ewentualnie do divów wklej
  1. style="float: left;"


Pierwotnie tak zrobiłem, tylko tu jest jeszcze tego typu problem, że komórki tabeli się ładnie dostosowują do długości najdłuższego tekstu

  1. -------------------------------------------------------
  2. | Jakiś nick | Wypowiedź | edytuj/usuń |
  3. -------------------------------------------------------
  4. | Jakiś nick drugi | Wypowiedź druga | edytuj/usuń |
  5. -------------------------------------------------------
  6. | Jakiś nick trzeci | Wypowiedź trzecia | edytuj/usuń |
  7. -------------------------------------------------------


a div-y nie, i trzebaby było oprócz float: left ustalić jeszcze szerokość dla każdego div-a. Inaczej tabela wyglądałaby jakoś tak

  1. -------------------------------------------------------
  2. | Jakiś nick | Wypowiedź | edytuj/usuń |
  3. -------------------------------------------------------
  4. | Jakiś nick drugi | Wypowiedź druga | edytuj/usuń |
  5. -------------------------------------------------------
  6. | Jakiś nick trzeci | Wypowiedź trzecia | edytuj/usuń |
  7. -------------------------------------------------------


Ten post edytował Baku12345 15.11.2013, 03:03:14
Go to the top of the page
+Quote Post
zegarek84
post
Post #11





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


Cytat(Baku12345 @ 15.11.2013, 03:00:19 ) *
...
a div-y nie, i trzebaby było oprócz float: left ustalić jeszcze szerokość dla każdego div-a. Inaczej tabela wyglądałaby jakoś tak
...

http://www.w3.org/TR/CSS2/tables.html#table-display
Cytat
The default style sheet for HTML4 in the appendix illustrates the use of these values for HTML4:

Kod
table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }


http://www.w3schools.com/cssref/pr_class_display.asp
Cytat
Note: The values "inline-table", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" are not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.


http://sample.me.uk/blog/post/css_table_issues_on_tablets
http://quirksmode.org/css/css2/display.html


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

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 Aktualny czas: 22.08.2025 - 08:38