Wracajmy do tabelek! Opcje

[ens0re]

Może nie robiłem skomplikowanych układów i jakiś nadzwyczajnych w moich stronach, ale jeszcze do żadnej strony nie użyłem hacka, ani nawet komentarzy warunkowych dla IE. A strona wyswietlała sie poprawnie w FF, Operze i IE. Może w bardziej skomplikowanych układach pojawia sie problem z IE, ale wydaje mi sie ze użycie co najwyżej komentarzy warunkowych załatwiłoby sprawe. Bez żadnych hacków w kodzie.

[mike]

Bzdury gadacie.
Wszystko da się zrobic na wszystkie przeglądarki ( IE6.0, IE7.0, FF, Opera) bez wykorzystania hacków.
Wszystko! A jak się nie da, to za mało wiecie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

mike_mech: sorry, ale poza stwierdzeniem mojej niewiedzy nie ustosunkowałeś się do problemu. Poza tym mylnie założyłeś, że lubię robić strony na tabelkach.

~no-name wybacz ale to byl komentarz do Twojej wypowiedzi, w której zawarłes dokładnie zero argumentów, więc czego się spodziewałeś.

"faux columns" nie jest idealnym rozwiązaniem.
I mało tego przez złą interpretację ma złą sławę. Na szczęscie nie jest to wyjście, które stosuje sie tak często jak ludziom się wydaje. Mało tego, żadko z tego korzystam bo nie każdy design tego wymaga.

Ale i tak "faux columns" jest lepszym rozwiązaniem niż jakiekolwiek złożone na tabelach. I niestety musisz to przyznać 1000 razy bardziej elastyczne.

[revyag]

Najważniejszy jest projekt i zachowanie struktury, a to czy używa się tych czy innych znaczników jest co najmniej drugorzędne

Najważniejszy jest projekt i wykonanie go zgodnie ze standardami. Poprawne użycie znaczników też jest ważne.

Moim skromnym zdaniem budowanie stron opartych wyłącznie na elementach blokowych miałoby sens w momencie gdyby wszyscy producenci przeglądarek trzymaliby się standardów.
Puki co zbudowanie strony w ten sposób jest trudne i frustrujące w wielu przypadkach ze względu na różną interpretację CSS przez przeglądarki, dlatego przy niektórych projektach warto kożystac z tabel przy budowie layoutu.

Od czasu kiedy pozbyłem się tabel z mojego życia (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) nie miałem żadnego przypadku frustracji przy projektowaniu. Czasami zdarzy mi się napisać osobny arkuszy styli dla ie, ale rzadko i nie jest to duża ilośc kodu, tylko kilka problematycznych regułek.
Z tabel warto(i trzeba) korzystać kiedy do zaprezentowania są dane tabelarczyne w innych przypadkach nie warto i nie powinno.
Link: http://www.w3.org/2002/03/csslayout-howto

[occulkot]

osobiscie juz z rok temu przenioslem sie na XHTML / CSS2 - wiadomo - najwieksza frustracji przychodzi kiedy odpalamy strone na ie a tam wyglada to zupelnie inaczej (glownie przez podwojne marginesy). Jednak gorszym problemem bylo naklonienie grafika - odpowiedzalnego za tpl w naszym serwisie - do tworzenia layoutow w xhtmlu - przez peirwszy miesiac klal i co chwile mowil ze zaraz uzyje tabeli.

Obecnie jak mowi o layoutach na tabelach to stwierdza ze za zadna kasenie chcial by do tego wrocic - teraz zmiana jednego elementu na stronie to 5sec - tylko klikniecie w css - a wczesniej musial szukac kolumny szukac wiersza znalezc komorke itd itp ;].

[s_w_ir]

...Refresh...

Kilka spraw po przeczytaniu całego topicu.

Galerię zdjęć możemy potraktować jako liste zdjęć, i odrazu mamy skalowną galerie dzięki

[HTML] pobierz, plaintext 
<li class="foto"><img ... /></li>
[HTML] pobierz, plaintext 

Kod

.foto
{
    float: left;
}

Zdjęcia są obok siebie, w razie zmniejszenia okna zdjęć jest mniej w wierszu, są poukładane równo jak w tabelce. Nie używamy ani tabeli ani bloków które się do tego "niby" nie nadają.

Druga sprawa na temat pisania layoutów W XHTML i CSS2.
Idea jak przyświeca csszengarden(opisana w wielu językach na owej stronie, w tym polskim http://www.csszengarden.com/tr/polish/) to tworzenie projektów opartych o CSS1 ,a CSS2 "powinien być ograniczany jedynie do elementów ogólnie obsługiwanych". Wystarczy popatrzeć co dzięki temu tam stworzono, ale o tym już było.

Trzecia sprawa to książka "Kuloodporne strony internetowe", autor: Dan Cederholm.
Jest w niej poruszone wiele aspektów dostępności strony, nie tylko dla niewidomych czy słabiej widzących ale też dla użądzeń które nie mają wbudowanej obsługi css jak np. tel komórkowe.
Przedstawionych jest również kilka przykładów tego co się dzieje gdy mieszamy prezentację z treścią w pewnych warunkach. Jak dla mnie książka jest wyjątkowa, i otwiera oczy na kilka kolejnych spraw dotyczących tworzenia "lepszej dostępniejszej sieci".

[gWd]

Ponieważ jestem żywo zainteresowany tym tematem, to poproszę zwolenników DIV-ów o przerobienie takiej banalnej strony.
Oczywiście strona musi identycznie wyglądać i zachowywać się przy skalowaniu okna w różnych przeglądarkach.
Założeniem jest też, że tekst w każdej komórce może być dowolnej, nieznanej projektantowi długości.

http://heex3.wer.pl/tabelki.html

PS Kod CSS może nie być optymalny, więc nie czepiajcie się tego.

Ten post edytował gWd 1.10.2006, 15:15:03

[shpyo]

http://shpyo.net/div.html - to do celów edukacyjnych czy "edukacyjnych"?

[gWd]

shpyo --> Nawet nie postarałeś się, żeby Twoja strona wyglądała identyczne jak wzorcowa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[shpyo]

lol, to sobie zmodyfikuj style. Przecież to trudne nie jest. Nie chciało mnie się juz tego robić. Zachowałem przecież "zachowanie" i układ - źle?

[gWd]

Zachowałem przecież "zachowanie" i układ - źle?

(IMG:http://forum.php.pl/style_emoticons/default/blink.gif) Jeśli według Ciebie obie strony są choćby podobne do siebie, to nie chciałbym oglądać Twoich prac.
Załączam screeny, bo aż nie chce mi się wierzyć, że można tak twierdzić:
http://heex3.wer.pl/good.gif
http://heex3.wer.pl/wrong.gif

[shpyo]

układ się zgadza, zachowanie również.
Wg. Ciebie nie są podobne, bo nie dociągają się do końca (wyrównanie)?
Czego się spodziewałeś po 3-4min roboty?

Ten post edytował shpyo 1.10.2006, 14:47:06

[gWd]

układ się zgadza, zachowanie również.
Wg. Ciebie nie są podobne, bo nie dociągają się do końca (wyrównanie)?

Widzę, że nie zrozumiałeś - właśnie cały problem polega na tym, żeby się wyrównywały.
W TABLE jest to naturalne. Chciałbym jednak dowiedzieć się czy jest możliwość zrealizowania tego zadania na DIVach. Według mnie nie ma - ale chciałbym uzyskać potwierdzenie.
Poczekam na wypowiedź guru "DIVowców" (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Czego się spodziewałeś po 3-4min roboty?

Dokładnie tego samego co po moich 3-4 minutach roboty (IMG:http://forum.php.pl/style_emoticons/default/cool.gif)

Ten post edytował gWd 1.10.2006, 21:03:28

[shpyo]

Widzę, że nie zrozumiałeś - właśnie cały problem polega na tym, żeby się wyrównywały.

W divach to jest właśnie minus - trzeba się baaardzo nagimnastykować aby osiągnąć ten efekt.
Można się bawić w zagnieżdżadnie w sobie DIVów - ale to już masochizm.

W TABLE jest to naturalne. Chciałbym jednak dowiedzieć się czy jest możliwość zrealizowania tego zadania na DIVach. Według mnie nie jest - ale chciałbym uzyskać potwierdzenie.
Poczekam na wypowiedź guru "DIVowców" (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

To można rozwiązać np. poprzew nadanie divom bocznym i środkowemu określonej wysokości - ale wtedy tekst nie będzie się rozciągał w FF (pojawią się suwaki). Natomiast w IE będie OK.
Jeszcze innym rozwiązaniem jest nadanie im wysokości 100%.

Jednym słowem trzeeeeba dużo kombinować.

Ten post edytował shpyo 1.10.2006, 15:05:43

[s_w_ir]

gWd daj prawdziwy layout a nie klocki to się wszystko zrobi, bo tak to nawet gra nie warta świeczki.
Ja mam dla CIebie propozycje, żebyś tak napisał swój layout na tabelach żeby działa nawet na przeglądarkach palmtopów, telefonów komórkowych i innych przenośnych urządzeniach. "Divy" też tego nie gwarantują, gdyż często CSS nie jest tam obsługiwany, ale napewno treść będzie czytelna dla odbiorcy z takim urządzeniem, a tabelki już tego nie gwarantują.

[gWd]

gWd daj prawdziwy layout a nie klocki to się wszystko zrobi, bo tak to nawet gra nie warta świeczki.

Nie będe kombinował z grafiką, bo po pierwsze nie mam na to czasu, a po drugie kod musi być jak najprostszy, żeby jak najmniej pracy wymagało jego przełożenie.
Tu nie chodzi o jakiś konkretną stronę, tylko o pokazanie, że nie wszystko można zrobić na DIVach.

Ja mam dla CIebie propozycje, żebyś tak napisał swój layout na tabelach żeby działa nawet na przeglądarkach palmtopów, telefonów komórkowych i innych przenośnych urządzeniach. "Divy" też tego nie gwarantują, gdyż często CSS nie jest tam obsługiwany, ale napewno treść będzie czytelna dla odbiorcy z takim urządzeniem, a tabelki już tego nie gwarantują.

Zgadzam się. Na szczęście nie jestem przeciwnikiem DIVów i gdzie trzeba wykorzystuję (razem z float i position). Jednak strony z dynamiczną zawartością wciąż łatwiej jest zaprojektować na TABLE.

[MatheW]

Chciałbym jednak dowiedzieć się czy jest możliwość zrealizowania tego zadania na DIVach.

Jest. Jak napisał shpyo, lub też można dać tło pod div który bedzie zawierał divy, które mają się rozciągnmąć - ma być ono szerokie jak te divy razem i mieć kolory jak ich tła.

[s_w_ir]

No właśnie chodzi o grafiki w tle które to udają że divy się rozciągają tak jak tabele. I tu się zgadzam, że niektóre layouty łatwiej zrobić tabelami, znaczy sam zarys tak jak Ty to zrobiłeś, ale nie znaczy że nie jest to wykonalne na divach, bo wystarczy troche pomysłowosci i da rade. Pozdrawiam.

[mike]

Jednak strony z dynamiczną zawartością wciąż łatwiej jest zaprojektować na TABLE.

No weź nie pisz takich głupot bo się zsikam ze śmiechu a w pracy jestem.

Przeczytaj ten wątek od początku, to będziesz wiedział, że błądzisz tak bardzo, że nawet nie wiesz gdzie jesteś (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Daj mi jakiś design i dwie godziny czasu to wyprowadzę Cię z błędu.

[Marusz]

No weź nie pisz takich głupot bo się zsikam ze śmiechu a w pracy jestem.

Giggle Incontinence - jesteśmy z Tobą...

Daj mi jakiś design i dwie godziny czasu to wyprowadzę Cię z błędu.

Może nie będzie to design, aczkolwiek problem nurtuje mnie od jakiegoś czasu a rozwiązania ni jak nie mogę znaleźć. Są wprawdzie skrypty napisane w JS czy jakieś hacki z kolorowymi tłami, ale gdzieś wyżej wspomniałeś, że wszystko załatwiasz bez tego typu badziewia…

Oczywiście chodzi o to, że wypełniając jakikolwiek z tych bloków tekstem, reszta z automatu równa się na dole z blokiem który ma go najwięcej. To tak jakbyś miał chwilę…

przykład obrazkowy

[slammer]

Strony na DIVach wyglądają kozacko jak się patrzy w kod od razu widać, że master zna się na rzeczy (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) sam teraz przerabiam moją stronke na DIVy i z około 200 linijek kodu zeszłem aktualnie na 102 (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Chyba tak bym to zrobił:

[HTML] pobierz, plaintext 
div#div1 {
	float: left;
	width: 200px;
}
div#div2 {
	float: left;
	width: 210px;
}
div#div3 {
	float: left;
	width: 220px;
}
div#footer {
	float: left;
	width: 780px;
	text-align: center;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="div1">
text<br />text2
</div>
<div id="div2">
text<br />text2<br />text3
</div>
<div id="div3">
text
</div>
<div id="footer">
text
</div>
[HTML] pobierz, plaintext 

Ten post edytował slammer 2.10.2006, 20:59:31