Příspěvky

Zobrazují se příspěvky z červenec, 2010

Jak na moderní clearování bloků v CSS

Obrázek
Přináším zajímavý tip pro webdesignery, který byl zřejmě mnohým zatajován a dodnes se o něm valně nemluví (V době psaní článku této techniky nevyužívá ani např. Seznam.cz ). Jedná se o metodu, díky které můžete jednoduše donutit HTML elementy, aby se správně roztáhly na výšku dle svého obsahu, pokud se v nich vyskytují jiné "zafloatované" elementy. Dříve se tento nedostatek nejčastěji řešil pomocí vnořeného neviditelného divu, který měl nastavenu vlastnost " clear: both; " a který se umístil až na konec nadřazeného elementu . Struktura mohla vypadat třeba takto: < div >    < div  id = "float" >      Tento blok je plovoucí.    </ div >    < div  class = "clear" >    </ div > </ div > Způsob, který Vám chci ukázat dnes funguje prakticky na podobném principu, jen je vše řešeno elegantněji za pomocí CSS. Ke stejné funkčnosti jako v předchozím případě Vám ale bude stačit tato CSS definice : . c

Pravidla tvorby webu

Obrázek
A dost! Na webu je dnes mnoho samozvaných profesionálních webových studií a všechny jsou přesvědčeny , že je jejich práce skutečně odvedená profesionálně , ovšem při pohledu na výtvory těchto firem se může mnoha lidem udělat značně nevolno. Nebudu se snažit nikoho přesvědčovat , obzvlášť ne senior webdesignery, s jejich léty prověřenými  postupy, které by se ovšem daly zařadit mezi muzejní kousky. Naopak chci pomoci Vám, mladým webdesignerům, k rychlejšímu prosazení v oboru a k celkovému nabízení lepších služeb . K tomuto účelu jsem vypracoval seznam nejčastějších chyb a nedostatků, se kterými se můžete denně na webu setkat. Snažte se těmto chybám vyvarovat a dodržujte má doporučení, pomůžete tím urychlit vývoj webu a razantně zpříjemníte práci návštěvníkům vašich webových stránek. Moderní web by neměl obsahovat: Vstupní stránku Dlouhý bezvýznamný úvodní text Layout tvořen tabulkami Dynamicky generovanou nebo embeded navigaci Nesmyslné ikony a "ubírače prostoru