Tabele czy DIV?

[szczurek2]

Jak zrobić stronkę www.nietoperz34.pl? na tabelach czy na div-ach?

[INOMan]

Umiesz dobrze składać na tabelkach ? To zrób layout na tabelkach. Dla internauty liczy się efekt końcowy.

Jednak bardziej elegancko jest zrobić na divach - po za prezentowaniem jakichś serii danych / statystyk - tutaj nie ma co się bawić w div-y, od tego są tabelki.

Jednak niedogodność w divach jest taka, że nie ma łatwego sposobu na pewne rzeczy które w tabelkach są proste np.: wyrównanie treści w div-ie "do góry" - trzeba stosować tricki w javascript, kiedy w komórce td wystarczy valign="top".

[kikas]

Div'y, Div'y i jeszcze raz Div'y, tabelki nie służą do składania layoutu, lecz przedstawiania danych w formie tabelki.

[szczurek2]

A polećcie jakiś kurs internetowy bym się nauczył robić na divach.

Jak zrobić stronę? na HTML czy XHTML?

[nowy]

Tabelki już dawno odeszły do lamusa.

Jeśli chodzi o kurs, to przyda Ci się https://kurs.browsehappy.pl/

[Kesera]

Jednak niedogodność w divach jest taka, że nie ma łatwego sposobu na pewne rzeczy które w tabelkach są proste np.: wyrównanie treści w div-ie "do góry" - trzeba stosować tricki w javascript, kiedy w komórce td wystarczy valign="top".

A może zamiast javascript wrzucić text do span i ustawić margin-top:0px;

[spookypld]

Strony na DIV robi się szybciej i szybciej je przerobić. Tabele są tylko dla danych tabelarycznych.

[INOMan]

Jednak niedogodność w divach jest taka, że nie ma łatwego sposobu na pewne rzeczy które w tabelkach są proste np.: wyrównanie treści w div-ie "do góry" - trzeba stosować tricki w javascript, kiedy w komórce td wystarczy valign="top".

A może zamiast javascript wrzucić text do span i ustawić margin-top:0px;

Możesz tekst zawinąć nawet w tysiąc spanów i dalej to nic nie da, jeżeli masz jeden div z float:left obok drugiego diva z float:left z czego jeden jest dłuższy od drugiego - wtedy musisz przez javascript wykryć który jest dłuższy i temu krótszemu zmienić wysokość.

Piszę o sytuacji kiedy wysokość div-ów nie jest ustalana na sztywno tylko zmienia się dynamicznie a chcemy mieć divy tej samej wysokości. W tabelce taki problem nie występuje ponieważ dwie td w tym samym row wyrównują się na tą samą wysokość.

Tabelki to odeszły do lamusa tylko w świadomości wszystkich "pro" i "trendy" składaczy, czasami mam po prostu w (_._) to, że jakiemuś się może nie spodobać tabelka, jeżeli można coś zrobić 10 razy szybciej i z mniejszymi komplikacjami tabelką niż divem to należy użyć tabelki.

Czasem graficy wymyślają tak skomplikowane layouty, że naprawdę zastosowanie w jednym czy dwóch miejscach tabelki zamiast diva jest właściwym rozwiązaniem. Ten kto zna problem od strony praktycznej - czyli poskładał setki projektów a nie tylko proste layouty 3-kolumnowe na bazie wordpressa ten wie o czym teraz piszę.

[Kesera]

Możesz tekst zawinąć nawet w tysiąc spanów i dalej to nic nie da, jeżeli masz jeden div z float:left obok drugiego diva z float:left z czego jeden jest dłuższy od drugiego - wtedy musisz przez javascript wykryć który jest dłuższy i temu krótszemu zmienić wysokość.

Chyba se jaja robisz, daj kawałek kodu to pokaże jak to zrobić bez javascriptów.

[βασιλιάς]

Albo JS albo kombinacje z background-image. Inaczej tego nie zrobisz.

[zakręcony]

chyba chodzi by to

<div style="float: left; width: 300px;">jeden wiersz</div>
<div style="float: left; width: 300px;">jeden wiersz<br>kolejny wiersz<br>kolejny wiersz<br>kolejny wiersz</div><br>
<div style="width: 600px;">jeden wiersz</div>

było wizualnie jak to:

<table width="600">
<tr><td width="300">jeden wiersz</td><td width="300">jeden wiersz<br>kolejny wiersz<br>kolejny wiersz<br>kolejny wiersz</td></tr>
<tr><td width="600" colspan="2">jeden wiersz</td></tr></table>

bez kombinacji dla zmiennej ilości wierszy w 2 div nie da się zrobić

[INOMan]

Możesz tekst zawinąć nawet w tysiąc spanów i dalej to nic nie da, jeżeli masz jeden div z float:left obok drugiego diva z float:left z czego jeden jest dłuższy od drugiego - wtedy musisz przez javascript wykryć który jest dłuższy i temu krótszemu zmienić wysokość.

Chyba se jaja robisz, daj kawałek kodu to pokaże jak to zrobić bez javascriptów.

Nie, nie robię sobie jaj i nie mam czasu na udowadnianie czegokolwiek - daję po prostu rady osobie która rozpoczęła ten wątek. Poskładaj trochę skomplikowanych pod względem layoutu (bo grafik sobie tak wymyślił) projektów to zobaczysz.

Przypominam jeszcze wszystkim "purystom divów" że tabelki nadal są częścią oficjalnej specyfikacji HTML i XHTML, ich stosowanie jest zgodne ze standardami.

[Kesera]

Jak przedmówca wspomniał, można te 2 divy wrzucić do zewnętrznego diva i dać background-repeat:repeat-y; z ładnym wykończeniem u góry i u dołu.

[INOMan]

To teraz podobna sytuacja tylko 5 razy bardziej skomplikowana i masz do wyboru: zrobić to na divach męcząc się 4 godziny ze specjalnym preparowaniem backgroundów i trickami js, albo na tabelkach w 15 minut, efekt końcowy taki sam.

Co więcej w przypadku tabeli może się okazać, że HTML będzie chudszy i bardziej czytelny.

Każdy projekt warto traktować indywidualnie - a nie sztywno trzymać się tylko divów albo tylko tabelek, to tak samo jak z językiem programowania - nie ma najlepszego, jest właściwy do określonego zadania.

[Oki]

Divy mają taką przewagę, że można w nich 10 razy skuteczniej zoptymalizować kod. Ja ostatnio przechodziłem z tabli na divy i bardzo sobie chwalę. Z tego co jeszcze zauważyłem to leyout na divach jest bardziej spójny, czyli na większości kompów wygląda tak samo, a table jednak potrafią się dużo różnić w zależności od kompa. Dużo też się czyta czego nie można zrobić z div i css np. tło na dół, widziałem całą masę takich postów, mi się udało Ale tabelki tam gdzie ktoś uważa za stosowne to jak najbardziej. Najlepiej zrób sobie leyout na tablach, a później przejdź na divy. Będzie to dla ciebie niezłe szkolenie.