Starší komentáře ke článku: Dvousloupcový layout s hlavičkou, patičkou a bannerem pomocí CSS
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 11.9.2001 2:25:47
Mirku, ty už defaultně počítáš se špatnými rozměry. Přečti si specifikaci CSS.
Datum vložení: 11.9.2001 7:53:10
Pocitam se spatnymi rozmery? O tom nic nevim...?
Datum vložení: 11.9.2001 8:14:51
Panove, co prispivate na Interval:
- NEDODRZUJETE SPECIFIKACI NORMY DLE W3.ORG (neustale vyuzivate nestandartnich "vymyslu" MSIE)
- KODY V JAVASCRIPTU JSOU FUNKCI POUZE V NEKTERYCH BROWSERECH (A NEKTRYCH JEJICH VERZICH)
Mam za to, ze server Interval (a jemu podobni) by uz konecne meli zvysit svou uroven. Tot vse.
Datum vložení: 11.9.2001 8:22:18
Zdravim vas,
rad bych znal, co presne v tomto clanku nedodrzuji podle W3C a kde v tomto clanku se vyskytuje JavaScript, o kterem se zminujete...?
miroslav.kucera
Datum vložení: 11.9.2001 8:41:48
Tak za prve - nelze se zde globalne vyjadrit k Intervalu jako celku (to, ze jsem to udelal u tohoto clanku bylo zpusobeno tim, ze jsem to uz nevydrzel).
Za druhe - Vas prispevek je prilis kratky a by v nem slo udelat fatalni chyby.
Za treti - Vas prispevek jsem opravdu zvalidoval a mate tam 1 error a 5 warningu(v CSS).
Za ctvrte - ve Vasich predchozich (i od jinych autoru) jsou opravdu nestandartni zalezitosti. Co se tyce JS, tak Vam mohu poslat URL nekterych prikladu na intervalu, ktere opravdu nechodi(presto, ze je vyslovne v clanku uvedeno, ze v dane browser platforme to funguje).
Nakonec si zkuste zvalidovat stranky INTERVAL.CZ (na HTML 4.01 Transitional a na CSS). Budete tam mit tolik chyb, ze tomu nebudete verit ;-)
PS: Opet pripominam: tyto pripominky se netykaji jen Vas.
Datum vložení: 11.9.2001 8:57:46
Zdravim vas,
neni mi ponekud jasny vas druhy prispevek - neni mi jasne,zdali v nem jsou fatalni chyby anebo by v nem mohly byt fatalni chyby.
K vasi treti poznamce - clanky opravdu nekontroluji ve validatoru W3, nikdy me to ani nepadlo, vzdy jsem povazoval za dulezitejsi, jak se stranka zobrazuje, pred vypisem validatoru.
Dany error v CSS je proste pouze to, ze v uvozovkach smeji byt pouze nekolikaslovne fonty, ale ruku na srdce - je to takova tragicka chyba, ze vsechny nazvy fontu jsou v uvozovkach? Myslim, ze ne.
K tem spatnym prikladum v JS - to je potreba napsat danym autorum, neni v me moci kontrolovat, jak se clanky zobrazuji v danych zminovanych prohlizecich. Ale pokud mi dane clanky, kde se tento problem vyskytl, poslete do emailu, osobne se na to podivam a zajistim napravu (at uz zmenou popisu clanku nebo zmenou samotneho zdrojaku ve clanku).
K te validaci intervalu. Ano, je tam mnoho chyb a nijak se za ne nestydim - interval, tak jak je, funguje ve vsech nejpouzivanejsich prohlizecich a to bylo a stale je smyslem tohoto designu. Zkuste si zvalidovat treba grafiku.cz nebo zive.cz - taky je zde spousta chyb. Ale o validator nejde, ale jde o uzivatele a tem je uplne jedno, jaky kod, pro ne je dulezite, jak se stranka zobrazuje. Souhlasite se mnou v tomto nazoru?
Datum vložení: 11.9.2001 9:33:50
Take jsem si jiz nekolikrat vsiml ze na serveru interval se uvadi spousta chybnych zapisu HTML, CSS, a Javascriptu.
Samozrejme je dobre ze vase stranky funguji ve vsech prohlizecich. (Sam na to povazuji za velmi dulezite a taktez na to dbam ), ale myslim si ze by jste meli jit jeste dal (kdyz uz jste si takovou cestu vybrali). To predevsim znamena jit prikladem.
Kdyz to nedela grafika, zive a dalsi vyznamne servery, dobra ... (take se vsak primarne nezabyvaji HTML, CSS atd...!!!) - no tak budte lepsi !!!
Pisete ze je dulezite aby se stranka zobrazila a ze to staci. Osobne mam nazor ze je treba byt vice otevreny budoucnosti (XHTML, XML) a tam je opravdu treba byt pozornejsi.
Jit cestou standardu W3C, pouzivat validatory povazuji za dobry pristup.
Jinak se mejte fajn a nezlobte se na mne, ze pro dnesek s Vami nemohu plne souhlasit.
Marcel Krivy
P.S.
Nedavno jsem cetl clanek na podobne tema na adrese:
<a href='http://www.reboot.cz/index.phtml?id=176' target='_blank'>http://www.reboot.cz/index.phtml?id=176</a>
Datum vložení: 11.9.2001 9:42:17
Zdravim,
ano - argument, jit sam prikladem je velmi padny, uz nejakou dobu chystame CSS verzi intervalu (<a href='http://www.interval.cz/interval-css/interval-css.htm)' target='_blank'>http://www.interval.cz/interval-css/interval-css.htm)</a> ktera je podle posledniho standardu XHTML STRICT, ale zatim vahame s vypustemim. Je totiz otazka, co s ostanimi uzivateli, kteri nemaji odpovidajici prohlizec a na na vyse uvedene strance se pravdepodbne stejne neobejdeme bez jedne zastresujici tabulky... :(
Datum vložení: 11.9.2001 14:52:01
1.
Prednedávnom som v úvodníku na Intervale čítal niečo o tom, že NN4 už aj tak nikto nepoužíva, tak načo sa ním vôbec zaoberať? Zrazu sa tu oháňate starými browsermi. Nie je to trošku schizofrenické?
2.
CSS layouty majú tú výhodu, že oddeľujú formu od obsahu. Ak si teda myslíte, že rozumiete CSS layoutu natoľko, že o tom poúčate iných ľudí, nemal by pre vás byť problém urobiť to tak, aby sa v starých browseroch zobrazil čistý HTML dokument naformátovaný základnými tagmi podľa jeho logickej štruktúry, zatiaľ čo v nových browseroch, ktoré CSS podporujú v dostatočnej miere, sa zobrazil v plnej kráse. Dôležitý je totiž obsah.
Kedy sa už ľudia konečne zbavia snahy o to, aby stránka vyzerala rovnako v IE5+ a NN4?
PS: O niečo také som sa pokúšal v Ass Wiperi (<a href='http://asswiper.nfo.sk/redesign/' target='_blank'>http://asswiper.nfo.sk/redesign/</a>, pozrite si to napr. v IE5+ a potom v NN4 alebo hoci aj v Lynxe) a funguje to.
Datum vložení: 11.9.2001 15:05:38
Zdravim,
v uvodniku jsem nepsal,ze NN 4.xx nikdo nepouziva, ale ze na interval.cz ma podil kolem tri procent, coz receno reci ctenaru, je to asi 250 ctenaru denne a kladl jsem si otazku, zdali ma smysl takovy web delat jeste pro Netscape. U soukromych stranek to urcite smysl nema, ale u firemnich stranek ci u webu urcenych siroke verejnosti to smysl ma, nehlede na to, ze u mnoha jinych webu, napr. lupa, zive atd. je podil Netscape mnohem vyssi, az kolem 8 procent.
V designu ala CSS ale nejde pouze o Netscape, ale take o IE 4 a starsi prohlizece. Na Intervalu by to bylo celkem asi 7-10 procent ctenaru a to je docela hodne.
2. K vasi druhe poznamce - pochopitelne, problem to pro me neni, ale prohlizece typu IE 4 ci NN 4.5 povazuji natolik "technologicky dokonale", ze by bylo chyba jim strkat cisty HTML dokument - spise takovi uzivatele budou presmerovani na soucasny design.
Co tedy brani zavedeni CSS designu interval.cz do praxe? Nekolik veci:
- redakcni systemu s tim vubec nepocita, za soucasne chvile by bylo potreba udrzoval dve verze skriptu, coz je nesmysl.
- bylo by potreba upravit i jednotlive clanky (ktere jsou pomoci HTML formatovany, zejmene zdrojove tabulky).
Samozrejme, ze vas priklad funguje, funguje i ten muj na <a href='http://www.interval.cz/interval-css/interval-css.htm' target='_blank'>http://www.interval.cz/interval-css/interval-css.htm</a> , ktery je podle XHTML 1.0 STRICT a kde je jenom problem se spodni patickou, ktera se vkryva do leveho a praveho sloupce v pripade, ze prostredni sloupec je kratsi nez levy ci pravy a bohuzel, nijak to nejde vyresit, jedine vlozenim leveho, prostredniho a praveho sloupce do jedne zastresujici tabulky...
miroslav.kucera
Datum vložení: 13.9.2001 11:56:17
<I>- bylo by potreba upravit i jednotlive clanky (ktere jsou pomoci HTML formatovany, zejmene zdrojove tabulky). </I>
heh, copak to je nějaká velká práce? Asi tak na čtvrthodiny napsat si script, který projede celou databázi a pomocí Tidy automaticky převede HTML na XHTML...
Hledáš problém tam, kde není.
Datum vložení: 13.9.2001 12:02:45
Ano - je to velka prace, ne totiz vsechny clanky jsou formatovany stejne, nektery redaktor pouzije napr. sablony ve vizualnim editoru, ktery tabulku pro zdrojal odsadi, take jsou tu clanky z doby pred redakcnim systemem a v polovine se take menila struktura zdrojovych tabulek atd. Takze to problem je, pokud si nenapisete skript z vlastni inteligenci...
Datum vložení: 11.9.2001 9:50:23
Zdravim,
pisete "Pisete ze je dulezite aby se stranka zobrazila a ze to staci.", ale ja prece nic takoveho nenapsal. Je potreba dodrzovat standard, ale pokud nastane situace, kdy nejaka vec definovana v HTML 4.0 nefunguje v Netscape 4.xx, tak je potreba standard porusit za cenu lepsiho zobrazovani v Netscape 4.xx. Jmenuje napriklad pouziti Marginwidth a Marginheight pro nastaveni okraju v NN, ci vkladani tagu FORM mezi TR a TD, aby nevznikla zadna neprijemna mezera atd.
Datum vložení: 11.9.2001 10:02:42
Ano souhlasim, jsou opravdu situace kdy racionalni reseni je radeji udelat "drobne poruseni".
Nemelo by to vsak byt bezne.
Datum vložení: 14.9.2001 16:42:45
Standardy se nesmí porušovat! Kdy už konečně pochopíte, že důležitý je obsah, ne vzhled! To už se rovnou můžeme vrátit do dob, kdy se k formátování stránkek používaly rámy, tabulky a značky typu FONT, B, I, U, parametr STYLE ...
Datum vložení: 14.9.2001 16:46:57
Zdravim vas,
ale tady se prece presne bavime o takove dobe, kdy se k formatovani pouzivaly tabulky, font, atd.
Datum vložení: 14.9.2001 16:53:06
Zdravim,
ja osobne radim priotity takto:
- obsah
- vzhled
a velka mezera a uplne na konci je standard.
K cemu jsou vam stranky presne podle standardu, kdyz na nich nemate poradny obsah, ktery neni podam v prijatelnem designu? Akorat na to, abyste se chlubil, jak mate stranky presne podle standardu W3.
Na druhou stranu, porovnejte s tim stranky pekne, prehledne, s kvalitnim obsahem, s dobrym designem, ktery v nekterych vecech nedododrzuje standard. Me takove stranky vubec nevadi, protoze weby navstevuji (a statisice dalsich "konzumnich" uzivatelu internetu) kvuli informacim a kvuli tomu, jak prehledne jsou podany, nikoli kvuli tomu, abych je kazdy den testoval validatorem.
Datum vložení: 14.9.2001 17:03:49
Abyste byl v obraze, já mám pořadí takovéto:
1. standard
2. obsah
3. vzhled
K čemu tady tedy W3C máme, když si každý porušuje standardy jak chce? To už tedy můžeme HTML dát do komerčních rukou a vrátíme se opět do té doby, o které jsem již mluvil - k formátování stránek se sice budou používat CSS, ale parametrem STYLE. Opět se rozšíří tabulky, rámy a značky FONT, B, I a U ...
Když na to pomyslím, připadám si jako ve strašném snu.
Datum vložení: 14.9.2001 17:14:13
Zdravim vas,
rovnice je totiz takova - jakmile nejaky prohlizec nedodrzuje standard, je pak problem standard dodrzet, aby stranka byla presne takova jaka chcete.
V pripade CSS to neni problem - v novych modernich prohlizecich je mozne dodrzet standard a soucasne mit vzhled a obsah naformatovany tak jak potrebujete.
V pripade starsich prohlizecu, napr. IE 4 ci NN 4.xx je potreba standard obcas mirne porusit, aby stranka byla presne takova, jakou ji chci mit. Tezko budete rikat nejakemu provozovateli velkeho informacniho serveru, ze to a to, ci ono je proti standardu, kdyz uzivatele jeho webu pouzivaji ty a ty starsi prohlizece a vydelavaji mu tak penize.
Proc myslite, ze prakticky zadny informacni server neni HTML 4.0 strict ci XHTML 1.0 Strict? Protoze v prvni rade JDE PREDEVSIM O UZIVATELE.
HTML do komercnich rukou? Proc ne? Nebyt komerce, nebyly by tu tabulky, FONT, B, I, U, FLASH atd. Vam se libi stranky z roku 1995-96? Me tedy ne.
Temi komercnimi rukami pochopitelne nemyslim jednu firmu, ktera bude diktovat ostatnim, ale skupinu komernich firem tahnoucich za jeden provaz.
Datum vložení: 14.9.2001 17:24:59
Když čtu váš příspěvek, mám slzy v očích. Mám pocit, jako byste říkal, že značky EM, STRONG, CODE a spol. jsou již definitivně mrtvé a stránky se formátují způsobem "Bylo by hezké mít tento text tučný. Uzavřu ho do značky B!".
Pokud prohlížeče standard nedodržují, je to jejich chyba. (Chyba prohlížeče už ale není, pokud nedodržuje nastandardní výmysly od Microsoftu.)
Myslíte, že dnes komreční firmy mohou táhnout za jeden provaz? Když už by se na to nebylo možné koukat a diktát Microsoftu by stále rostl, začalo by W3C vyrábět vlastní HTML.
Datum vložení: 14.9.2001 17:40:20
To,ze by W3C zacalo vyrabet vlastni HTML by bylo uplne zbytecne, kdyby se firmy rozhodly tento standard ingnorovat...
Ale porad nevim, co mi osobne vycitate - zrejme nechapete muj postoj. Nekdo si muze dovolit dodrzovat soucasny standard XHTML 1.0, nekdo zase ne. Pokud pracuji ve firme (nastesti nepracuji), kde je nejlepsi verzi prohlizece Netscape 3, tak tezko budu tvorit design stranek podle XHTML 1.0. Uz to chapete?
Datum vložení: 14.9.2001 17:47:59
Priznam sa, ze ja to nechapem. Mate tym na mysli nejaku firmu, ktora sa zaobera webdesignom? V takom pripade snad nemyslite vazne, ze by tam mali iba NN3.
Datum vložení: 14.9.2001 17:59:39
Zdravim,
nene, nemam na mysli zadnou firmu, byl to jenom priklad, abych kolegovi Hyldebrantovi demonstroval, ze dodrzovani nejnovejsich standardu se v nekterych pripadech (treba u firmy s NN 3) nemusi vyplacet.
Pan Hyldebrant proste napsal, ze pro nej dulezity je standard pred vzhledem a samotnym obsahem a danym prikladem fiktivni firmy pouzivajici NN 3 jsem chtel demonstrovat "nesmysnost" takoveho nazoru. Ale jak jsem psal, v dobe soucasnych modernich prohlizecu je nesmysl uprednostnovat standard pred obsahem ci vzhledem nebo naopak, protoze tyto tri slova jdou svorne ruku v ruce.
Bohuzel to neplati treba u HTML 4.0 a Netscape 4.xx - zde se musi kazdy rozhodnout. Bud udela stranky naprosto presne podle standardu s tim, ze stranka muze v jinych prohlizecich vypadat stejne. To, ze to je podle standardu oceni mizive procento lidi, hlavne ale ti, co stranky navstevuji pouze pomoci Validatoru, anebo stranku, kde trochu porusi standard (napr. umistnenim FORMu do tabulky) pro lepsi vzhled v Netscape 4.xx.
Je to na kazdem webmasterovi.
Datum vložení: 14.9.2001 17:55:03
Tisíckrát lepší (a hezčí) stránka psaná v HTML 0.9, která dodržuje standardy, než stránka, psaná ve speciálním jayzce zvaném <I>HTML 4.0 + nadstandardní přídavky, většinou od Microsoftu + to, co bylo zjištěno, že funguje, i když je to nestandardní</I>.
Datum vložení: 14.9.2001 18:04:29
HTML 4.0 je specialni jazyk? O tom nic nevim, je to stejny typ standardu jako HTML 0.9.
Ale s vasi vetou nemuzu souhlasit. Na jedne strane bojujete za pokrok (XHTML, CSS) a na strane druhe davate prednost zastarale verzi HTML pred mnohem novejsi. Jakoby kdyby nebylo mozne pomoci HTML 4.0 udelat stranku dodrzujici standardy...
Datum vložení: 14.9.2001 17:07:48
Áno, máte pravdu. Ale keď sa na to pozriete z "ideologického" hľadiska, tak by sa asi oplatilo robiť stránky podľa štandardov.
1. Dobre urobené stránky podľa štandardov sú prístupné všetkým bez ohľadu na to, či používajú IE5 alebo nie (mňa osobne minule šokoval jeden známy, ktorý mi povedal, že sa mu moja osobná stránka veľmi páči... šokujúce na tom je, že je to slepec).
2. Čím skôr si ľudia (t.j. návštevníci, designeri, ale hlavne klienti) zvyknú na štandardy, tým rýchlejšie sa zbavíme bludov typu NN4.
Datum vložení: 14.9.2001 17:18:12
Zdravim,
naprosto s vami souhlasim. Delat stranky podle standardu pouze v pripade, ze existuji prohlizece podporujici bezvyhradne tyto standardy, jinak to vubec nema smysl.
Ale zalezi to cilove skupine, u sve osobni webove stranky si muzete dovolit pouzit XHML a CSS. To, ze tam prijde uzivatel s NN 4.xx a neuvidi to, co vidi uzivatel moderniho prohlizece, vas nejak nemusi trápit. ALe pokud takovy clovek prijde napr. na Lupu, Zive, Mobil ci iDnes, uz tezko se vrati. Je to pochopitelne jeho chyba, ze pouziva zastaraly prohlizec typu NN 4.xx, ale i tito lide tvori penize a proto, pokud je jejich pocet stale vysoky (3-10 procent), pak je potreba je brat v uvahu.
Datum vložení: 14.9.2001 17:39:59
S vasim nazorom sa neda nez nesuhlasit. Ale na vsetko sa da pozerat z roznych pohladov. Z vasho pohladu, kde vsetci uzivatelia "tvoria peniaze" sa samozrejme kvoli korunkam trasiete pri pomysleni na to, ze by od vas usiel niekto so zastaralym prehliadacom.
Ja osobne si myslim, ze kym uzivatelia nebudu mat dovod prejst na novsi prehliadac, neurobia tak nikdy. Preto sa mi paci idea robit stranky tak, aby takito oneskoreni uzivatelia dostali svoj obsah, ale zaroven aby ich absencia designu inspirovala k tomu, aby upgradeovali.
Kazdopadne si myslim, ze pravdu mame obaja, kazdy svojim sposobom.
PS: Prave ma napadlo, ze by bolo celkom zaujimave vidiet statistiky nejakej vacsej stranky, ktora by presla na CSS layout podla standardov. Podla mna by mozno zlomok navstevnikov stratila, ale vacsina uzivatelov starych browserov by v kratkom case upgradeovala. Pokial sa dobre pamatam, prednedavnom nieco podobne urobila <a href='http://www.iht.com' target='_blank'>http://www.iht.com</a> a bolo to uspesne.
Datum vložení: 14.9.2001 17:49:51
Divam se na danou stranku, respektive do zdrojaku a protoze nevim, jaky byl puvodni stav, tezko to dokazi posoudit. Ale predpokladam,ze upragovali stylem - zbavime se FONT, B, I, CENTER a dame CSS. Takovy postup je spravny, formatovat text podle CSS dokaze i Netscape 4.xx. A tech par uzivatelu s NN 3 ci IE 3 atd. se proste muze jit klouzat - jejich podil je fakt mizivy. Bohuzel to neplati u vytvoru typu NN 4.x
Datum vložení: 14.9.2001 20:00:27
Tam islo skor o to, ze urobili novu verziu s roznymi JavaScriptovymi vychytavkami (asi najgenialnejsie su "clippings", aj ked ani zalamovanie do troch stlpcov a podobne perlicky nie su na zahodenie), ktore vsak behaju iba pod novymi browsermi. Takze mali nejaky cas na stranke vyskakovacie okno pre uzivatelov starsich prehliadacov, v ktorom im velmi slusne a s patricnymi argumentmi vysvetlili, o co prichadzaju a naviedli ich na to, ze maju upgradeovat (pripadne im poskytli s upgradeovanim pomoc). Mne osobne sa to velmi pozdavalo a myslim si, ze by touto cestou malo ist viac serverov. Napriklad aj zapojenim sa do tejto akcie:
<a href='http://www.webstandards.org/upgrade/pr.html' target='_blank'>http://www.webstandards.org/upgrade/pr.html</a>
Datum vložení: 10.12.2001 19:50:16
dobry den...
Nechapu, proc by mely byt nazvy fontu uvadeny v uvozovkach, ikdyz by se melo jednat treba jen o viceslovne fonty,
staci prece, kdyz jsou v nazvu fontu mezery, oddleit je carkou, a tim browser pozna, kde konci jeden a zacina druhy nazev.
jak bych jinak mohl vlozit definici stylu k elementu primo jako atribut, ktery musi byt v uvozovkach? kdyt se tam ty uvozovky budou plest!?
(napr. <B><div style="font:10pt times new roman,lucida sans typewriter,arial black,serif"></B>)
s pozdravem
<I>mv.</I>
Datum vložení: 11.12.2001 8:44:18
Proc by to mu tak melo byt? No, protoze je to specifikaci konsorcia W3. Pokud je mate v tom prikladu, mel byste k viceslovnym nazvum pridat apostrof.
Datum vložení: 11.9.2001 9:22:22
Zdravim vas,
jak jsem rikal, ten error byl pouze v tom, ze jedno-slovne nazvy fontu by nemely byt v uvozovkach. Myslim, ze to neni zadna extra velka chyba, ale opravil jsem to.
Presto ale nechapu, proc validator vyhazuje warningy u background-color. Nevite to nahodou?
Datum vložení: 11.9.2001 11:43:31
Ze by to bylo tim, ze to neni bezpecna barva? (aspon myslim]
Datum vložení: 11.9.2001 11:50:23
Zdravim,
barva s tim vubec nema co delat. Spise je to v tom, ze podle CSS specifikace, kdyz uvedete ve stylu background-color mate take uvest color (barva pisma), coz se mi zda UPLNE NESMYSLNE a proto to tam nedavam a davat take nebudu.
Datum vložení: 10.12.2001 20:09:24
Dobrejden...
Nejspis jde o to, ze css-validator se boji, ze kdyz si nadefinujete <I>color: ...</I> a nepridate <I>background-color: ...</I>, muze se stat, ze text nebude videt.
pred chvili jsem zkousel, co mi napise na <I>color: #000; background-color: #000</I>.
napsal neco jako: <I>warning: color and background-color are the same.</I>
na <I>color: #000000; background-color: #000001</I> uz nerekl nic, ale text pochopitelne stejne videt neni. tak nevim.
s pozdravem
<I>mv.</I>
Datum vložení: 11.12.2001 13:42:31
Právě úroveň stránek takto smýšlejících jejích autorů strašně klesá.
Datum vložení: 11.9.2001 14:31:01
Myslím si, že keď už niekto začne písať o CSS layoute, malo by to byť preto, že tomu naozaj rozumie a nie preto, že sa to začína stávať módou. Nestačí si prečítať zopár článkov na A List Apart (<a href='http://www.alistapart.com/stories/practicalcss/)' target='_blank'>http://www.alistapart.com/stories/practicalcss/)</a> a potom opozorovať nejaké veci z Blue Robot (<a href='http://www.bluerobot.com/web/layouts/)' target='_blank'>http://www.bluerobot.com/web/layouts/)</a> alebo Glish (<a href='http://www.glish.com/css/)' target='_blank'>http://www.glish.com/css/)</a>.
Urobiť layout, v ktorom sú všetky rozmery nastavené presne na pixel, odladený pre rozlíšenie 800*600... Ruku na srdce, zamyslel sa autor vôbec nad praktickým použitím niečoho takého? (Možno predpokladal, že všetky texty, ktoré tam bude vkladať, budú vo formáte GIF...)
Sám sa o CSS layouty zaujímam a skúšam to s nimi (viď. napr. moja osobná stránka <a href='http://acid.nfo.sk/projekty/redesign/' target='_blank'>http://acid.nfo.sk/projekty/redesign/</a> alebo Ass Wiper <a href='http://asswiper.nfo.sk/redesign/)' target='_blank'>http://asswiper.nfo.sk/redesign/)</a>, ale určite si zatiaľ netrúfam niekoho poučovať o tom, ako sa to má robiť.
Myslím si, že smutné, ako klesá kvalita článkov na Intervale.
Datum vložení: 11.9.2001 14:35:48
Zdravim vas,
nevim co vam presne vadi, ze jsou v priklade definovane delky sloupcu - VZDYT VE CLANKU PISU, ZE VYSKY SLOUPCU JSOU NASTAVENY POUZE <B>PRO DEMOSTRACI</B> LAYOUTU A TAKE JE TAM PSANO, ZE VYSKU SLOUPCU <B>NENI POTREBA UVADET, PROTOZE TYTO SLOUPCE (vyska sloupcu) SE NATAHUJI PODLE DELKY TEXTU</B>, takze vas prispevek povazuji docela na nepredmetny, protoze uvedeny design se da bez problemu pouzit a neni ani potreba tam vkladat animovane GIFy :)
Jinak diky za odkazy, rad se na ne podivam...
miroslav.kucera
Datum vložení: 11.9.2001 14:41:02
Nebolo by v tom prípade lepšie v ukážkovom layoute nahodiť nejaký ukážkový text (napr. "bla bla bla"), aby sa prípadní záujemcovia mohli pozrieť na to, ako to vyzerá v praxi?
Datum vložení: 11.9.2001 14:37:16
Ešte jedna poznámka:
Zmienka v závere článku o tom, že to celkom nefunguje, že autor nevie prečo, ale že to vlastne vôbec nevadí... Ja fakt neviem, čo by som k tomu dodal.
Datum vložení: 11.9.2001 14:55:42
Zdravim,
prekrucujete me vety. Nenapsal jsem, ze to celkem nefunguje, ale napsal jsem <I>"Dovolím si jenom podotknout, že výše uvedený styl byl odestován v Internet Exploreru 5, v Opeře 5 a v Mozille 0.9 - všude funguje bez problémů, pouze v Mozille je patička nalepena na oba sloupce, důvod, proč tomu tak je, mi není znám."</I> - vyraz, <B>nevim, proc tomu tak se</B> vztahuje pouze k tomu, ze v MOzille je paticka nalepena na oba sloupce. Proc se tak Mozille chova, to opravdu nevim, protoze Mozillu neprogramuji.
Datum vložení: 11.9.2001 15:03:29
Ja veľmi dobre rozumiem, čo ste tým chceli povedať. Ale pripadá mi trochu trápne ľuďom niečo vysvetľovať, pričom to celkom nefunguje a vy ani neviete prečo.
Myslím si, že tutoriály a návody by mali písať ľudia, ktorí problematike rozumejú a vidia do nej. V ideálnom prípade by to mali byť ľudia, ktorí sa danou problematikou zaoberajú profesionálne.
Datum vložení: 11.9.2001 15:08:48
Ale vzdyt vse funguje, jenom blazen by v dnesni dobe tri-ctyr hlavnich prohlizecu cekal, ze budou vsechno renderovat stejne. Vy se tvarite, ze problematice rozumite, privitam tedy vase vysvetleni, proc tomu tak v mozille je.
Podle CSS by to delat nemelo. To je moje vysvetleni. Proc to tak Mozilla dela, to nevim, vy to vite? Pochybuji o tom... :)
miroslav.kucera
Datum vložení: 11.9.2001 15:59:59
Trochu som ten váš ukážkový layout prekopal podľa svojich predstáv. Nájdete ho tu:
<a href='http://acid.nfo.sk/bordel/interval/' target='_blank'>http://acid.nfo.sk/bordel/interval/</a>
Ale ako som už povedal, nemyslím si, že som natoľko dobrý, aby som si trúfal učiť ľudí, ako majú robiť CSS layouty.
Datum vložení: 11.9.2001 16:11:30
Taky zpusob, jak to udelat (lepsi =)
Datum vložení: 11.9.2001 16:24:48
Zdravim,
tak jsem si prostudoval vas layout ve trech prohlizecich, ktera tu mam a v ruznych velikostech okna a myslim si, ze muj layout je o neco "stabilnejsi", protoze pri mensi velikosti okna se v mem CSS objevi podelne posuvniky (DIVy se tak chovaji jako tabulky TABLE), kdezto u vas se pravy sloupec v takovem pripade umistni pod levy sloupec, coz je vzdy nezadouci.
Na druhou stranu - v mem pripade je zase paticka nalepena na levy a pravy sloupec (coz by se ale dalo urcite doladit).
miroslav.kucera
Datum vložení: 11.9.2001 16:40:02
Máte teraz na mysli moju osobnú stránku alebo ten váš layout, ktorý som prerobil?
Čo sa týka mojej osobnej stránky, pri rozlíšeni 640*480 sa nič neprekrýva a dosť pochybujem, že si to niekto bude prehliadať v menšom okne...
Čo sa týka vášho prerobeného layoutu, tak ja tam scrollbary vidím a jediné, čo sa stane, ak sa okno príliš zmenší, je to, že sa pravý stĺpec hodí pod ľavý.
Datum vložení: 11.9.2001 16:45:16
Mam na mysli ten predelany layout. To, ze se pravy sloupec hodi pod pravy v rozliseni,ktere je mensi nez definovana sirka bych povazoval za nepouzitelne... Co vy?
Datum vložení: 11.9.2001 16:57:14
To zalezi od typu layoutu a osobneho nazoru. Ja osobne by som zalomenie stlpcov za chybu nepovazoval, pokial to nepomiesa alebo nepoprekryva ostatny obsah (v tomto konkretnom pripade by sa mal spodny layer presunut pod pravy stlpec, takze je to podla mna v poriadku). Poznam vsak ludi, ktori by neprezili, keby im nejaky stlpec usiel co i len o pixel.
Podla mna by mal byt design variabilny (hlavne ak ide o stranky typu Interval, kde je dolezity obsah a design ho ma iba podat v prijemnej, intuitivnej a pouzitelnej forme), takze sa mi dost pozdava, ze sa ten stlpec zalomi, pretoze tym padom odpada nutnost skrolovat horizontalne, aby som sa dostal k obsahu.
Datum vložení: 11.9.2001 15:30:23
Chapete, ze ani ja, a ani vy nemuzete rici duvod, proc to tak prohlizec (v tomto pripade Mozilla) dela? Ja, vy, nekdo jiny, muzeme pouze rici, jak by to melo byt podle standardu, ale nemuzeme vysvetlovat duvody, proc to tak nefunguje v danem prohlizeci, protoze, pokud dany produkt nevytvarite, tak to proste nevite.
To je vse, co k tomu muzu dodat.
miroslav.kucera
PS: danou problematikou se zabyvam profesioalne a nikoli jenom z pozice sefredaktora serveru.
Datum vložení: 12.9.2001 11:02:55
Na svem serveru <a href='http://meteoweb.chts.cz' target='_blank'>http://meteoweb.chts.cz</a> pouzivam KOMPLETNI layout pomoci css, bez pouziti jedine tabulky. Pomoci cisteho css resim problem volitelneho rozmisteni prvku na strance. Funguje to sice jen v IE 5.0 a vyse a v Mozille 0.9, nicmene takovych navstevniku je na mych strankach naprosta vetsina, vice nez 90 %. Ostatni, s ctyrkovymi verzemi presmerovavam na starou verzi formatovanou tabulkami.
Problem je jen s rozdilnou interpretaci rozmeru (width a height) u blokovych elementu v MSIE vs. v Mozille, nicmene vyladil jsem to tak, ze se to ztrati. Jinak je CSS design obrovska vyhoda.
Pro server typu Interval se mi jevi nejlepsi rozdelit kaskadovy styl do nekolika casti, pricemz tu "nejsofistikovanejsi", ktera obsahuje prvky CSS 2 a ktere dobre zobrazi jen MSIE 5.0+ a Mozilla 0,9, vkladat pomoci import@url, bezpecnou cast, kterou skousne i NN 4.xx vkladat klasicky a pomoci http hlavicky identifikovat MSIE 4.0 (ktery umi import@url, ale jeste neumi poradne CSS 2) a dat i jemu css "na miru". Jinak udelat ciste HTML dle normy 4.0.
Datum vložení: 12.9.2001 11:11:18
Zdravim,
u vas neni problem, ale v pripade designu interval.cz - tak, jak jej vidite ted, problem je, respektive, problem se tyka paticky dole, kde jsou odkazy a banner - v CSS neprekonatelny problem, respektive to, ze jakmile je prostredni sloupec kratsi nez levy ci pravy, paticka se vnoruje do techto sloupcu a verte, ze pomoci CSS to nijak udelat nelze... :(
Datum vložení: 13.9.2001 12:05:27
no... mam taky dojem, ze to az taky velky problem nebude, ked sa mi to podarilo ( <a href='http://acid.nfo.sk/bordel/interval/' target='_blank'>http://acid.nfo.sk/bordel/interval/</a> ) staci si precitat zopar predchadzajucich prispevkov
Datum vložení: 13.9.2001 12:12:29
Zdravim,
verte si, ze PROBLEM TO JE. Kdyz tedy CSS design na <a href='http://www.interval.cz/interval-css/interval-css.htm' target='_blank'>http://www.interval.cz/interval-css/interval-css.htm</a> upravite tak (samozrejme - čistě pomocí CSS, zadne zastresujici tabulky ci JavaScript), aby se paticka (banner a odkazy) nevnorovaly do leveho ci praveho menu v pripade, ze prostredni sloupec (tedy jeho obsah) je kratsi nez tyto sloupce (pochopitelne to musi fungovat v IE 5, Opere, Mozille), tak to bude opravdu zazrak...
Verte mi ovsem, ze to nejde a nechci, abyste zbytecne ztracel cas u neceho, co opravdu nejde, kolega Pavel Simek mi podtvrdi, ze take jsem rikal "to nebude zadny problem" a nevyresil jsem nic...
Datum vložení: 10.12.2001 20:32:05
co treba <I>clear:both</I>
nezkousel jsem to, ani nevim esli to nekdo z vas pouzil, ale slysel jsem, ze elementy s touhle vlastnosti se zobrazej az pod vsema ostatnima, ktery jsou uvedeny pred nim. takze pokud uvedete paticku az na konec, nemel by to <I>teoreticky</I> byt problem???
<I>mv.</I>
Datum vložení: 18.12.2001 19:58:19
Zdravim,
nemohli by jste mi někdo prosím poradit jak do tohoto layoutu udělat tři sloupečky.
Díky
Datum vložení: 21.12.2001 13:13:06
Na Intervalu taky existuje článek Třísloupcový layout pomocí CSS.
Datum vložení: 21.12.2001 14:49:27
Existuju tiez stranky podobne tejto (<a href='http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html)' target='_blank'>http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html)</a>, kde najdete navody na rozne bezne pouzivane layouty urobene pomocou CSS.
Datum vložení: 25.2.2002 22:12:08
Nejak mi unika smysl. Standard je pekna vec, jenze ruku na srdce. Nevim co ho do toho motate. Uvedomte si ze jsou veci, napr. v CSS ktere jsou 4 roky stare a nejsou podporovany prakticky nicim. V HTML jsou veci, ktere jsou opet ignorovany vetsinou prohlizecu. Kdysi jsem se snazil aby me stranky vypadaly ve vsem stejne. Jenze to je marne. Misto 100 hodin stravite praci 200. Nakonec stejne najde neco kde to jede blbe. A kdyz to delate za penize, tak tezko nekomu vysvetlite ze v IE to dobre vypadalo hned a pro ostatni jste to musel poupravit. Obavam se ze ekonomicnost takovehoto opatreni je vic nez smesna... pracujete nesmyslne za polovinu proto, abyste stranky ukazal "pekne" i zbyvajicim 2-3% lidi... trosku sranda, ne? Nejsem zadny analfabet, delal jsem na docela DOST velkych projektech a jak HTML tak css znam dobre. Potiz je v tom, ze obcas se z toho muzete tak akorat zblaznit, protoze ono proste treba udelat korektni CSS je dost problem, kdyz v IE mate uplne jine dedeni nez v NN, a to se to jeste lisi v ruznych verzich. Takze se nakonec stejne neubranite tomu aby vam CSS validator vyhazel hafo warnings... a kdyz to vsecko po dalsich xx% prace navic odstranite, tak jste dosahli ceho? Niceho, fungovalo to i pred tim. Rozhodne netvrdim, tagy se nemaj krizit, FORM mezi TABLE a TR nema co delat, to jiste ne. Ale obcas to proste 100% NENI. A to ze to jde udelat jeste neznamena ze s tim ma cenu ztracet cas za kazdou cenu...
Datum vložení: 17.3.2002 12:58:52
Mam dva dotazy k css:
-pouzivam testovaci verzi mozilly 0.9.8 a pokud na libovolne strance vyuzivajici kompletne css (napr. <a href='http://www.sovavsiti.cz' target='_blank'>http://www.sovavsiti.cz</a> ) zkusim dat "Ctrl a +" pro zvetseni pisma, tak se mi radky textu zacinaji prekryvat. Je toto vlastnost css nebo chyba tehle betaverze?
-pro clanek byla vybrana ta nejjednodussi varianta vyuziti umistovani boxu, tedy absolutni pozicovani, ktere je ovsem alespon podle mojich testu neslucitelna s centrovanim stranky "margin: auto;".
Mylim se a lze toto kombinovat? Nebo bude brzy uverejnen clanek s trochu realnejsima podminkama vyuziti css na webu?
Jeste jedna pripominka/prosba: uvital bych clanek zabyvajici se problematikou oddeleni css stylu a javascriptu od zbytku dokumentu, respektive kombinaci obou moznosti (bud vse. tedy css a js, nebo nic, tedy hole html)
Datum vložení: 25.2.2005 13:34:29
Je to fajn, ale dá se to celý [B]ZAROVNAT NA STŘED[/B] ???
Datum vložení: 25.2.2005 19:54:20
Chci se zeptat, kdyz si timto zpusobem rozdelim stranku, jak pak mam vlozit do jednotlivych casti jinou stranku html? Tak se alespon pracovalo s ramci. Funguje to obdobne (jak?) nebo uplne jinak? Dekuju za odpoved
Datum vložení: 27.2.2005 20:21:12
Ano, leze. Do rozdělené stránky na sloupce pomocí DIV můžeme vložit náhražku IFRAME (kód, zejména hlavička zjednodušeno): <style> .iframe{ overflow: auto; width: 200px; height: 100px; padding:10px; } </style> <html> <body> <div class="iframe"> Text, text, text, text, Text, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, textText, text, text, text</div> </body> </html> NEBO..... <style> #iframe { position: absolute; text-align: justify; width: 250px; height: 300px; background: #eee; } .pad10 { padding: 5px; } .overflow { overflow: scroll; width: 245px; height: 300px; } </style> </head> <body> <div id="iframe"> <div class="pad10"> <div class="overflow"> Text. Text. Text. Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text.Text. Text. Text. </div> </body> </html>
Datum vložení: 27.2.2005 20:23:08
Omlovám se, za vložení "autor" do Jména. A první věta má znít: Ano, lze. Děkuji
Datum vložení: 14.9.2005 8:44:13
Nebylo by vhodnější namísto tříd použít pro jednotlivé elementy ID? POdle toho, co jsem o ID četl (unikátní element), pak myslím, že by to bylo vhodnější.