Použitie vlastnosti position: fixed
Využili ste už niekedy CSS vlastnosť position: fixed? Ak nie, mám tu pre Vás jeden tip.
...Archive for the ‘Layout’ Category
FireBug pre Internet Explorer 6,7,8
Dnes mi kolega v práci veľmi pomohol. V kóde jednej stránky sa cez JS generoval iframe, ktorý pod IE6 čiastočne znefunkčoval jej obsah. No a kolega mi doporučil vloziť hocikde do stránky tento kód:
[code lang="html"] <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> [/code]Toto Vám umožní používať tento supertruper nástroj aj pod IE6, IE7.
...CSS3 :target
Možnosť prepínať medzi obsahom bez JavaScriptu? Áno.. Samozrejme, príklad je veľmi stručný, skúste sa s ním pohrať.
...X stĺpcový zoznam s jediným OL/UL tagom
Pred časom som v práci riešil zapeklitý problém. Ako s jedným UL/OL LI zoznamom vytvoriť štvorsĺpcový, ktorý sa po zmenšení okna prehliadača automaticky prispôsobí na tri stĺpce? Prvé pokusy nedopadali najlepšie.
Prvé riešenie pozostáva z troch jednotlivých OL položiek. Skúste si zmenšiť okno na cca 900 px na šírku. Nepoužitelné.
...Blueprint CSS Framework
Josef Strzibny píše o frameworku Blueprint, který se hodí pro kódování designů navržených podle mřížky (grid) a popisuje výhody a nevýhody jeho použití: "Blueprint nabízí základní resetování, jednoduché kódování podle mřížky, možnost fluidního layoutu (ukázka), lepší typografii či jednoduché začlenění vybraných ikonek do designu."
...CSS3 – Multiple background
Multiple background sú pokročilé CSS3 vlastnosti pre prácu s grafikou a layoutom stánky. Dnes sa tvorí jednoduchý grafický layout s gradientom napríklad takto.. ...
CSS display: run-in
CSS display: run-in ...
Jednoduchý tieňovaný layout
Jednoduchý tieňovaný layout.
...CSS3 – Box-shadow
CSS3 - Box-shadow ...
CSS3 – Multi column layout
CSS3 - Multi column layout ...