Názory k článku
Současnost a budoucnost layoutů: CSS tabulky
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknonelibi se Vam css. nepouzivejte. vidite v html tables vyhody, pouzivejte.
pri zavrhovani css si vzpomente, jak byste pred vznikem <div> / <layer> / css "zaridil" drag-n-drop.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoA teraz k tomu problemu. Na tychto moznostiach CSS sa netreba pozerat kriticky. Naozaj vo vela veciach usetria kopec prace a treba si uvedomit, ze naozaj kopec veci riesia. Neviem si predstavit inu situaciu, kde sa daju vyuzit. Zaroven nechapem tie vykriky zastancov "beztabulkoveho" layoutu. HTML tabulky a CSS tabulky su uplne odlisne veci aj ked riesia veci dost podobne. Zaroven ak si clovek uvedomi, ze struktura dokumentu sa nemeni (ci uz pouzije moznost obtekania alebo tabuliek), tak je tato technika naozaj najlepsim riesenim na terajsiu situaciu.
Podobny princip je vyuzitie display: inline-block vo vodorovnom navigacnom menu (ak chceme odkazy ako blokove tlacidla). Malo ludi ho vyuziva a pritom to je riesenie presne na to urcene.
Nemusi ta trafit :) Len sa na danu problematiku pozrel niekto, kto "neurcuje" vyvoj webu.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vlákno"CSS tabulky" tady jsou v podstatě od nepaměti, protože vykreslovací jádro má na CSS vlastnosti namapované příslušné HTML tagy, samozřejmě s větším či menším úspěchem. I proto je CSS layout dělaný jednou z metod popsaných v článku spolehlivější.
Co se týká (ne)praktičnosti CSS layoutu, zase jen a pouze bullshit od líných a nezkušených kodérů. Na čistě CSS layout jsem přešel před cca 5-i lety a layoutů jsem udělal pár desítek. Až na pár špíčků jsem s tím nikdy neměl problém v žádném prohlížeči a jednou jsem si vypomohl JavaScriptem. Jinak mi CSS layout naprosto vyhovuje a nabízí mi možnosti, které tabulkový layout (ať už HTML, nebo CSS) prostě nenabízí (např. záporný margin).
Článek je hovadina, zaměřená na jeden konkrétní problém a vychvalující tabulkový layout právě kvůli řešení tohoto jednoho problému (stejně vysoké sloupce). Jinak "css tabulky" nemají výhodu žádnou a jako kodéra mě zbytečně svazují. Výhodám klasických CSS layoutů a možnostem "čistého css bez css tabulek" se článek vůbec nevěnuje.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoZnovu se ptám, co skvělého a objevného mi přináší "css-table" layout?
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoTo obalovanie som v tomto pripade nejako nepochopil. Krizuju sa vam dva hlavne bloky cez seba ? Lebo strukturovo je pouzitie CSS tabuliek, alebo obtekanych blokov rovnaka. Ziadne nove vnorene znacky nie su treba ako by ste ich navrhli pre obtekany layout.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoCo se týká obalování, viz Matrjoška, na té to snad pochopíte.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoMatrioska, co s nou ? Fajn hracka, pamatam si z detstva :) Ale o nabalovani v HTML teda nemam predstavu, ale to bude asi tym, ze sa tomu aktivne vyhybam ;)
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoObalování v HTML je proces, kdy objekt musím pro zajištění nějaké funkce obalit jiným, který by jinak nebyl potřeba.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoObalování je dále nutné u těchto skvělých "css-table" layoutů, protože jinak se na jednotlivých komponentách layoutu nedá použít např. záporný margin.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoJa obalovanie chapem, velmi dobre, ale ked sa daju veci vyriesit cisto cez CSS, preco pridavat dalsie zbytocne prvky ? A ked uz ho je treba, tak sa tam da nejaka nevyznamova znacka a ide sa dalej. Len vy o tom hovorite ako o uplnom fakte, ze to je nutne vzdy. Co samozrejme nie je.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoTo, na co narážím, je fakt, že css-table layout byl v článku prezentován jako super výhodný, mimo jiné i co do absence zbytečných značek. Což přestává být pravda ve chvíli, kdy v daném layoutu musím použít záporný margin, protože pak musím komponentu něčím obalit. Což bych u klasického layotu nemusel.
RE: Lživé tvrzení
celé vláknoTo je ovšem lživé tvrzení. Pokud by někdo o tom pochyboval, přečtěte si článek a posuďte sami. Když jsem s Honzou na přípravě článku podílel, chtěl jsem, aby z něj bylo jasné, že tento přístup má své problémy a v textu to jasně zaznělo, je to i v závěru jasně řečeno.
RE: Lživé tvrzení
celé vláknoRE: Lživé tvrzení
celé vláknoDěkuji, že jsi se nesnažil zbytečně oponovat mému tvrzení.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoVerim tomu ze clovek ktery se webem zivi bude mit CSS v malicku, bude umet vsechny finty a podobne. Ale ja si chci proste udelat jednoduchy web pro sebe a k tomu mi ty tabulky proste perfektne vyhovuji. Bude to asi stejne jako kdyz programator zacatecnik pracuje v basicu a nejde psat rovnou v cecku...
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoTabulky mají i výhody
celé vláknoDále se dá argumentovat i proti nešvarům:
1. sémanticky layout webu rozhodně nepatří mezi tabulková data
--- to je otázka zvyku
2. pro změnu v designu webu musím upravovat HTML
--- to nemusí být pravda při použití templatování nebo XSLT (ale to druhé je asi trochu prasárna)
3. ve většině případů vytváří mnoho zbytečného kódu
--- záleží na složitosti designu - opět bych odkazoval na templaty
4. daleko hůře se s ním pracuje při tisku nebo na mobilních zařízeních
--- opět záleží na složitosti - dá se přidat css pro mobilní zařízení, které s tímto pomůže...
Re: Tabulky mají i výhody
celé vláknoa jen dodám
1) ne jen zvyku ale i pohledu na tabulku obecně, ale to je opravdu o pohledu, který má (a já sem tomu moc rád) každý jiný ;)
4) s tabulkami sem u mobilních zařízení problém neměl (nenašel sem kde by problém byl)
Re: Tabulky mají i výhody
celé vláknoRe: Tabulky mají i výhody
celé vláknoRe: Tabulky mají i výhody
celé vláknoRe: Tabulky mají i výhody
celé vláknoRe: Tabulky mají i výhody
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoDík za článek
CSS nikdy nebylo zamysleno pro layout
celé vláknoRe: CSS nikdy nebylo zamysleno pro layout
celé vláknoRe: CSS nikdy nebylo zamysleno pro layout
celé vláknoTeprve CSS3 na tom neco meni.
Podivejte se, jak W3C resi 3column layout a porovnejte s libovolnym ceskym resenim, vcetne te prasarny v clanku - http://www.w3.org/2002/03/csslayout-howto - co se vam libi vice?
Re: CSS nikdy nebylo zamysleno pro layout
celé vláknoKdyby to nebylo vhodné na layout, myslíte, že by na to přešli?
Re: CSS nikdy nebylo zamysleno pro layout
celé vláknoRe: CSS nikdy nebylo zamysleno pro layout
celé vláknoRe: CSS nikdy nebylo zamysleno pro layout
celé vláknoRe: CSS nikdy nebylo zamysleno pro layout
celé vláknoRe: CSS nikdy nebylo zamysleno pro layout
celé vláknoLayout
celé vláknoNa opravdu použitelné možnosti CSS layoutu si ještě počkáme
celé vláknohttp://www.w3.org/TR/css3-layout/
http://www.w3.org/TR/css3-grid/
Re: Na opravdu použitelné možnosti CSS layoutu si ještě počkáme
celé vláknoRe: Na opravdu použitelné možnosti CSS layoutu si ještě počkáme
celé vláknoRe: Na opravdu použitelné možnosti CSS layoutu si ještě počkáme
celé vláknoRe: Na opravdu použitelné možnosti CSS layoutu si ještě počkáme
celé vláknoRe: Na opravdu použitelné možnosti CSS layoutu si ještě počkáme
celé vlákno1) Tyto layouty můžeme používat už teď, ale v IE nebudou fungovat - takže v praxi nepoužitelné.
2) Příchod IE8 nevypne IE7 a IE6, tudíž layouty dělané pomocí css-table opět nebudou v praxi použitelné.
O inteligenci čtenářů bych si přehnané naděje nedělal. Když si čtu komentáře pod články, jak všichni "děkují" i za články obsahující zjevné nesmysly, tak je vidět, že nad nimi moc nepřemýšlí.
Re: adekvátní vyznění
celé vláknoTeď jsi mě opravdu zaskočil. Článek jsem procházel před několika dny, tak jsem si musel teď raději zkontrolovat, zda je vše v pořádku. A naštěstí je. V článku je to jasně řečeno.
Obávám se, že buďto tedy mluvíš o jiném textu, než který vyšel zde na Zdrojáku, nebo jsi článek pořádně nečetl. Když se pořádně dívám, tak naštěstí většina čtenářů článek pochopila dobře, proto nebudu provádět dodatečné úpravy články.
Každopádně, pokud by měl někdo další snad pocit, že se mýlím, tak mi to prosím napište sem nebo na můj redakční e-mail. Každá zpětná vazba je pro mě důležitá!
Re: adekvátní vyznění
celé vláknoV souvislosti s blížícím se vydáním Internet Exploreru 8 se začalo hovořit o řešení, které velmi připomíná tabulkový layout.
Tato věta má poměrně jasné vyznění - IE8 nám umožní toto řešení používat. Což je nesmysl z těch dvou důvodů, které už jsem popsal.
Re: adekvátní vyznění
celé vláknoRe: adekvátní vyznění
celé vláknonahradte vetou
"V souvislosti s blížícím se vydáním Firefox 3.5, Chrome 2, Safari 4, Opera 10 se začalo hovořit o řešení, které velmi připomíná tabulkový layout."
Teda: preco presne sa o rieseni, ktore velmi pripomina tabulkovy layout zacalo hovorit az s prichodom Internet Explorera 8? A nie s prichodom nejakej verzie ineho z menovanych prehliadacov? Pretoze prichod Internet Explorera 8 znamena PRE ODCHOD Internet Explorera 6 a 7 asi tolko ako prichod Firefoxu 3.5, Chrome 2, Safari 4 a Opery 10 - nic neznamena. Internet Explorer 6 a 7 tu budu este peknych par rokov, a teda tento tabulkovy CSS layout je pre prax nepouzitelny - to vidi kazdy kto sa pozrie na statistiku pouzivanosti prehliadacov a uvedomi si, ako dlho po zaruke je taky dedko ako IE6 este velmi pouzivany.
A tym padom je citovana veta uplne irelevantna.
Re: adekvátní vyznění
celé vláknoCSS i tabulky
celé vláknoCo se týká CSS tabulek, tak osobně nevidím moc rozdíl mezi <table> a <div style="display: table;">, <tr> a <div style="display: table-row">, <td> a <div style="display: table-cell">, kromě toho, že varianta s <div> je delší.
I vzhledem k tomu, že tabulky vznikly právě kvůli vícesloupcové sazbě, bych doporučoval kvůli hlasovým čtečkám rozšířit tag <table> o atribut TYPE, kdy by pak
<table type="style"> určovalo tabulku pro vzhled a čtečka by jí ignorovala a
<table type="data"> by určovalo datovou tabulku.
Re: CSS i tabulky
celé vlákno1) stroje budou v <table...> atd. hledat neexistující sémantickou hodnotu
2) pokud nepoužiješ style, ale class, pak to můžeš extrahovat do externího CSS a:
* je možné mít tabulky např. jen pro screen, ale ne pro print
* kdykoli to můžeš úplně přestylovat bez zásahu do HTML
Samozřejmě, ani css tables nejsou ideální, ale o tom za chvíli, pokud tu to, co chci napsat, ještě nikdo nenapsal.
Re: CSS i tabulky
celé vláknoRe: CSS i tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoMám takový obecnější postřeh. My CSS kodéři se často stresujeme tím, že "něco nejde" a rádi se díváme do křišťálové koule, jak "to krásně půjde". Třeba v IE 10. Za nějakých pět let. :)
Jenže on nás do vymýšlení šílených řešení a těšení se na budoucnost nikdo nenutí - nikdo nás nenutí používat PNG, abychom pak "museli" využívat nějaké hacky pro IE6.
Stejně tak nás nikdo nenutí kódovat layout, kde je nutné aby byly dva sloupce stejně vysoké. Osobně jsem takový problém řešil naposledy snad před 4 lety. Jako nepůjde hora k Mohamedovi, měl by kodér aktivně komunikovat s designérem, zda se takový layout nedá vyřešit jinak.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vlákno#main {
width: 590px;
float: left;
position: relative;
left:180px; top:0;
}
#side {
width: 180px;
float: left;
position: relative;
left: -630px; top:0;
}
#otherside {
width: 180px;
float: right;
position: relative;
right: 0; top:0;
}
což mi umožňuje zvolit si pořadí sloupců jak potřebuji a vím že nejsem sám kdo to takto používá. Nebo nevidím nějaký podstatný rozdíl?
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoA ještě mě napadá, že u faux absolute position se mi nemůže stát, že by mi poslední box odskočil dolů (protože ty před ním se tam již nenachází, jsou vyjmuty z toku dokumentu). U vašeho řešení, pokud se seknete o pixel v počítané šířce a box by se do řádku nevešel, tak skočí pod ty dva boxy před ním, je to tak?
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoJinak podsunutí samozřejmě nehrozí, neboť je to na úplně identickém principu jako faux absolute position (prvky se můžou klidně překrývat - jak je libo:)). Jediný rozdíl vidím v tom, že v tom řešení se to nejprve zasune mimo a pak vrací namísto, kdežto já to rovnou pozicuji bez zasouvání a musím u jednoho prvku pak počítat s předešlým prvkem.
Jako určitě to má něco do sebe, jen mě překvapilo jakože co to za převratnou techniku ve světě objevili, když v ČR se se obdoba už pár let používá :)
máte nápad? Podělte se o něj. A třeba na Zdrojáku
celé vláknoInu používá-nepoužívá, o faux absolute position bychom také nevěděli, pokud by jeden z jeho autorů nenapsal onen jeden zmiňovaný článek na A List Apart. Existuje spousta zajímavých myšlenek a nápadů (a možná bychom se divili, kolik jich je), o který se neví, a které budeme muset znovu objevit, protože nebyly zveřejněny.
Pokud kdokoliv má nápad, o kterém si myslí, že by stálo za to se o něj podělit s ostatními, nabízím mu na Zdrojáku prostor.
A pokud se ten nápad ujme, můžeme začít přemýšlet, jak jej zapropagovat dál do světa. Pokud si své nápady nechá někdo pro sebe, tak s ním možná jednou zemřou - a to by byla škoda.
Re: máte nápad? Podělte se o něj. A třeba na Zdrojáku
celé vláknoRe: máte nápad? Podělte se o něj. A třeba na Zdrojáku
celé vláknoRe: máte nápad? Podělte se o něj. A třeba na Zdrojáku
celé vlákno.row { clear:both; }
.cell { float: left;}
prostě tabulka akorát ve stylech (řádky obsahují buňky). V IE6 se to chová trochu zvláštně (někde mimo buňku se musí napsat nějakej znak :D jinak to dělá mezi řádky mezeru.
To vse funguje ale...
celé vláknoTabulky v css, urcite je to krok kupredu, ale nemyslim ze az tak dlouhy. Jak to bude resit collspany? Navic porad budu nucen uzavirat bunky do radku. Sice to resi rozmisteni bunek v radku, ale naprosto to neresi rozmisteni bunek v cele strance. Zkuste udelat transpozici treba toho layautu co je na rootu, moc daleko nedojdete.
Skutecne kdyz budu chtit totalne prekopat layout, tak nejlepsi cesta XML -> XSLT (jiny transformator) -> HTML (XHTML). Dokonce uprava (resp. nove napsani) transformacni sablony bude vyrazne snazsi.
Vraj vo FX neni problem?
celé vláknoSkusil som to teraz znovu v novom okne a na druhy pokus to zvladol aj FX.
Takze tiez sa na to neda 100% spolahnut.
Re: Vraj vo FX neni problem?
celé vláknoRe: Vraj vo FX neni problem?
celé vláknoRe: Vraj vo FX neni problem?
celé vláknoRe: Vraj vo FX neni problem?
celé vláknoRe: Vraj vo FX neni problem?
celé vláknoLayout
celé vláknoNemam rad weby robene na pevnu sirku. Pri lepsom rozliseni su to potom zbytocne dlhe uzke klobasy, co nevyuziju plochu monitora. Da sa bez tabuliek spravit v CSS napr. 3 stlpcovy layout, kde stredny stlpec ma automaticku sirku na max. vyuzitie sirky okna?
Re: Layout
celé vláknoDa sa bez tabuliek spravit v CSS napr. 3 stlpcovy layout, kde stredny stlpec ma automaticku sirku na max. vyuzitie sirky okna?
Samozrejme, ze sa to da. A nie je to vobec zlozite. pouzijes absolutne pozicovanie. Asi to pojde aj s pouzitim float, ale to sm neskusal.
Tu si to mozes vyskusat.
Re: Layout
celé vláknohttp://jdem.cz/a3bw8
Re: Layout
celé vláknoRe: Layout
celé vláknoJe vidět, že komentáře, ve kterých se nechválí a neleze do zadku, jsou na Zdrojáku "nevhodné" a řadě lidí dělá problém přijmout vlastní kritiku.
Re: Layout
celé vláknoPS: Neni problém v tom, že je to kritika, problém je v tom, že je to neoprávněná kritika. Když někdo napíše špatnej článek, tak je správný upozornit na chyby. Když se ale někdo ptá, tak očividně proto, že neví. Extra na to poukazovat je buranství. Navíc je to věc, která tady nikoho nezajímá....
PPS: Rozdíl mého a Tvého předchozího příspěvku je v tom, že autor dotazu si je svojí nevědomosti evidentně vědomej, zatímco Ty úrovně svého vystupování nikoli...
Re: Layout
celé vláknoMozna by se usetrilo hodne mista v diskuzich, kdyby kazdy napsal do profilu nebo ke svemu prispevku, jak hodne zvlada CSS a weby obecne. Pokud to neni schopen posoudit, tak si tam napsat co o nem prohlasil profik Hoween. Pak by to Hoween nemusel porad dokola opakovat (mozna).
abych to nezdrzoval, tak me znalosti CSS jsou take velmi velmi bidne
Re: Layout
celé vláknoJaké typy článků by tě uspokojily? Proč sám nepublikuješ a umíš jen kritizovat?
Re: Layout
celé vláknoStačí to takhle?
vymýšlení dávno vymyšleného
celé vláknoKaždý GUI framework musí řešit pozicování prvků při změně velikosti okna. Zkusilo se toho hodně a fungující řešení v podstatě již dávno bylo nalezeno. Nějaký layout manager obsahuje dnes každý jazyk s frameworkem pro tvorbu GUI, ať je to Java, .NET, Flex, cokoliv.... O flexibilitě těchto layout managerů se HTML a CSS nikdy ani nesnilo.
Proč to nejde jednoduše převzít? Je to dávno vymyšlené a praxí vyzkoušené. Osvědčilo se to! Jdou tak udělat i ty nejsložitější designy! Někteří zoufalci dokonce layout manager implementovali i v javascriptu:
http://www.ruzee.com/files/lmex/test.html
http://blog.xilinus.com/layoutmanager/samples/embed.html
PROČ TO V CSS UŽ DÁVNO NENÍ NATIVNĚ?
Re: vymýšlení dávno vymyšleného
celé vláknoRe: vymýšlení dávno vymyšleného
celé vláknoObecně se tu objevila propast webdesigneři vs. vývojáři - řada webdesignerů si na problémy zvykla, umí je "nějak" řešit, sžili se s tím a už si pořádně neuvědomují, v jakém blátě se to brodí - přestalo jim prostě smrdět. Naopak vývojáři, kteří právě pracují s tvorbou layoutu pro jiná prostředí, nechápou, jak mohou webdesigneři v něčem takovém vůbec pracovat. Nejlíp se to pozná, když posadíte tyhle dva lidi vedle sebe, jeden se pak nestačí divit. Někdy si myslím, jestli není škoda, že se do CSS WG nenahrnulo pár desktopových vývojářů, aby zkusili lepší řešení. Možná by s ním nepřišli, ale za pokus by to stálo.
Re: vymýšlení dávno vymyšleného
celé vláknoAsi preto ze webstranka az donedavna nebola GUI ale dokument? Mame v Microsoft Word nastroje na tvorbu GUI?
Re: vymýšlení dávno vymyšleného
celé vláknoMá snad dopis babičce hlavní menu?
Re: vymýšlení dávno vymyšleného
celé vláknoTo je vtipný názor, ale nepravdivý. Podívejte se na začátky webu a poznáte sám. Skutečně se jednalo o dokumenty, žádné aplikace. Dokonce na začátku neexistoval žádný způsob jak definovat layout - mezi nejpokročilejší designové prvky patřilo oddělení odstavců nebo vytvoření seznamu.
Re: vymýšlení dávno vymyšleného
celé vláknopřijde HTML5...
celé vláknoRe: přijde HTML5...
celé vláknoRe: přijde HTML5...
celé vláknoRe: přijde HTML5...
celé vláknoRe: přijde HTML5...
celé vláknoproblém CSS layoutu jsou lidi
celé vláknoimho css tabulky nejsou žádnou vizí do budoucnam, jsou jednou z mnoha cest do pekel. šťastnou cestu.
Re: problém CSS layoutu jsou lidi
celé vláknoRe: problém CSS layoutu jsou lidi
celé vláknoPár problémů s CSS tables a pár řešení
celé vlákno* Nenapadlo vás řešit position: relative pomocí vnořeného divu? Ano, nemůžu použít bottom. To by možná spravilo height: 100%, ale mám pocit, že to tak nejde. Jinak prezentační HTML by mohlo jít vyřešit pomocí XBL, což není jen současnost ve Firefoxu, ale snad i budoucnost od W3C. Stav neznám.
* Možná o tom někdo psal, ale je tu asi problém s poradím sloupců. Na to je taky nějaká -moz vlastnost a možná to bude později i podle W3C CSS. Takže to taky asi nebude problém.
* Horší to bude se složitějším rozložením, kde nás prezentačního html nezbaví asi ani XBL. Trošku asi pomůže :after, content:""; a display: block;.
V každém případě nás do většího či menšího nasazení čeká delší doba a dnes je odvážné odhadovat, jak to dopadne.
Holy grail
celé vláknoPodívejte se na: http://matthewjamestaylor.com/
Re: Holy grail
celé vláknoRe: Holy grail
celé vláknoMimo jiné, majoritní většina dnešních řešení stejně vysokých sloupců přidává do kódu nějaké další HTML tagy (obvykle divy), které by jinak byly zcela zbytečné. Jako obvykle si chytří a vynalézaví kodéři našli způsob, jak slabinu CSS obejít, což ale neznamená, že by to nechtěli řešit daleko snadněji a jednodušeji. Tím ale nechci říct, že CSS tabulky jsou nějaké řešení tohoto problému. Závěr celého dnešního článku zní, že dnes nakódovat některé layouty je zkrátka složité a že by to do budoucna chtělo nějaké lepší řešení. A na tom se snad shodneme všichni :)
Re: Holy grail
celé vláknoNemal by "semanticky" CSS layout vyzerat takto?
<div class="text">text</div>
<div class="navigacia">menu...</div>
<div class="reklamy">img...</div>
a potom uz len zmenami v .css vytvorit *lubovolny* layout?
Mozno sa teraz pytam blbost, nechcem teraz zacinat flame tabulky vs CSS, este raz pripominam ze sa ciastocne vraciam k HTML po dost vela rokoch :)
Re: Holy grail
celé vláknoRe: Holy grail
celé vláknoWebdesigneri ako najdolezitejsi ludia na svete
celé vlákno1. To ze CSS nedokaze nahradit table layout len dokazuje ze CSS ma pred sebou este dlhu cestu.
2. Nezabudli ste nato ze webdesing ma len sprostretkovat data od zdroja k uzivatelovi?
3. Mne sa zda ze webd. precenuju svoju dolezitost. Hlavne poznamky o tom ze navrhari su prasata, koderi su prasata, amatersky tvorcovia stranok co robia v table su prasata.
PS: Ja cakam kedy konecne bude kucharka ktora povie ak chces table pouzij tento CSS bude fungovat uplne rovnako uplne vsade. Pokial toto nebude tak reci o prasatach co tvoria cez table si nechajte pre svoje deti na doma.
K čemu Faux absolute position?
celé vláknonevím, co je na tomto řešení tak úžasného, http://pastebin.com/f668e382b funguje v podstatě stejně, pouze je kratší. (omlouvám se za pastebin, nepodařilo se mi vložit zdroják do příspěvku, pořád to hlásilo spam).
Také s různou délkou sloupců jsem nikdy neměl výrazné problémy. K čemu potřebujeme, aby byly sloupce stejně dlouhé? Pokud je celý web jednolitou barvou, tak k ničemu. A když se jedná o grafické rozlišení dvou sloupců, prostě stačí dát nadřazenému divu na pozadí ten správný obrázek. To samozřejmě už není jen čisté css, nicméně pokud je design webu tak jako tak grafický, je to jedno. Samozřejmě, toto bude fungovat jen na fixní nebo aspoň napůl fixní layout, tomu se holt musí stránka přizpůsobit.
CSS layouty jsou plně dostačující už teď, tak jak jsou. Fixní nebo flexibilní layouty jsou úplně jednoduchoučké, pouze jejich kombinace se řeší trochu kostrbatě.
CSS má mezery někde jinde (nebo je mám já ve vzdělání). Netušíte někdo, jak vytvořit horizontální css menu tak, aby se chovalo přesně jako v tabulce? Tzn. jednotlivé položky se automaticky roztáhly na celou šířku menu a šířky jednotlivých položek aby odpovídaly délce textu uvnitř.
Re: K čemu Faux absolute position?
celé vláknoLayouty, ktore maju hodnotu obtekania maju taku vlasnost, ze obsah, ktory sa v nom nachadza a je vacsi ako samotny nadradeny element tak jednoducho pretecie prec.
A co sa tyka automatickeho roztiahnutia na celu dovolenu dlzku:
ul {
display: table;
width: 100%;
}
ul li {
display: table-cell;
}
Ze by to tie tabulky boli taka strasna sprostost ? Ts ts ts
Re: K čemu Faux absolute position?
celé vláknoSamozřejmě že tabulky zas takové zlo nejsou, pokud jsou udělané dobře, nicméně pořád mám rád sémantický web a tabulky prostě na layout nejsou určeny. Kromě toho pokud chci mít hlavní obsah ve zdrojáku zcela nahoře, řešit se to musí také pomocí prapodivných hacků, takže žádná krása. Osobně jsem s možností tvorby layoutů v css poměrně spokojený.
Také si myslím, že pokud se v rámci sloupce objeví objekt širší, než samotný sloupec, je někde chyba ;) Dočasně se to dá ošetřit pomocí overflow.
Re: K čemu Faux absolute position?
celé vláknoCo sa tyka pretecenia vnoreneho objektu za objekt nadradeny tak je to uplne bezne. Velke tabulky, nezalomitelne slova (ktore by zalomenim stratili vyznam), komplikovanejsie grafy, atd... A je to uplne bezne pri CMS.
Co sa tyka riesenia problemu. Co ti brani nad tym porozmyslat ?
pre IE definujes toto
ul li {
display: inline-block;
}
$("ul li").width( ($("ul").width() / $("ul li").length )
A to som ti dal uplne riesenie. A ani nebolo treba o tom zbytocne rozpravat.
Re: K čemu Faux absolute position?
celé vláknoK tomu přetečení: nevybavuji si, že by nějaké kvalitnější stránky měnily rozložení webové stránky kvůli širšímu obrázku v jednom ze sloupců. Na ošetření příliš velkých obrázků a grafů tady máme ten overflow a stejně si myslím, že administrátor webu či přímo CMS by si měl šířku těchto objektů ohlídat. A co se týče nezalomitelných slov, takových, co by se nevešly do průměrného postranního pruhu, je opravdu málo. A i tak se to dá ošetřit opět pomocí overflow.
O display:inline-block jsem dosud neslyšel, děkuji za tip:)
Re: K čemu Faux absolute position?
celé vláknoSila FAP je v tom, ze poradi sloupcu na obrazovce muze byt uplne jine nez poradi divu v html kodu. css napisete jednou, ale html kod muzete libovolne preskladat.
RE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoRE: Současnost a budoucnost layoutů: CSS tabulky
celé vláknoCSS je prasárna
celé vlákno<div>
<div class="a">...</div>
<div class="b">...</div>
</div>
nastavit div s class="b", aby "floutoval" nad úroveň prvního divu?
A takových příkladů by bylo spousta, spousta...
Re: CSS je prasárna
celé vláknoRe: CSS je prasárna
celé vláknoPokud potřebujete dělat takovéhle věci, musíte sáhnout po nějakém silnějším nástroji jako je XSL nebo DSSSL.
a co tisk
celé vláknoVelké bloky formátované pomocí "float" dělají někdy potíže při tisku, proto bych byl opatrný zejména na stránkách, které mají hodnotu a je předpoklad, že je čtenář bude tisknout.
V HTML citelně chybí element (tag): layout, nebo grid. Náhradní řešení pak vyvolávají spoustu emocí.
Re: a co tisk
celé vláknoCSS v roce 2009
celé vlákno- display: inline-block i pro IE6 a FF2 (layout a moz proprietary)
- png v IE6 bez javascriptu (via vml)
- libovolné pořadí sloupců (stačí float a margin)
- stejná výška sousedních bloků podle obsahu (wrapper s overflow hidden; blokům padding-bottom:10000px; margin-bottom:-10000px;)
A naopak co není možné :), není možné v IE6 i 7 používat UL LI. Při nestování se mohou objevit takové renderovací problémy, že ani zoom, ni position nepomůže. (pomůže pouze float a to už je moc)
Re: CSS v roce 2009
celé vláknoHlavní nevýhoda tabulek
celé vláknoBez tabulek se stránka zobrazuje průběžně.
Nefunguje v IE6
celé vláknoani zde uvedena ukazka nefunguje v IE6. Podarilo se mi sice rozfungovat sloupce v IE6, ale nelze „vyclearovat“ dalsi tok dat a ta se pak ukazuji zapadla pod sloupci (obal sloupcu ma chybne nulovou vysku) Nema nekdo reseni? Clear pouzit nelze.