Dokument bez názvu

Výše uvedené odkazy představují základní strukturu navigace s využitím neuspořádaného seznamu vytvořeného v kódu CSS. Při tvorbě jedinečného vzhledu doporučujeme vycházet z tohoto modelu a vlastnosti následně upravit. Pokud potřebujete rozbalovací nabídky, můžete je vytvořit pomocí nabídky Spry, ovládacích prvků nabídky na stránkách Adobe Exchange nebo řady skriptů v jazyce Java či řešení CSS.

Pokud si přejete navigační prvky umístit v horní části, stačí jednoduše element ul.nav přesunout do vrchní části stránky a styl vytvořit znovu.

Pokyny

Mějte na paměti, že styly CSS k těmto rozvržením obsahují velké množství komentářů. Pokud většinu práce provedete v zobrazení Návrh, doporučujeme podívat se na kód a prohlédnout si rady k práci se styly CSS u rozvržení s pevnými ro1změry. Další informace použité v těchto rozvrženích CSS najdete v článku na webu Centrum pro vývojáře společnosti Adobe – http://www.adobe.com/go/adc_css_layouts.

Metoda mazání

Všechny sloupce jsou plovoucí a proto je u tohoto rozvržení v pravidlech zápatí .footer použita vlastnost clear:both. Díky tomu může třída .container určit, kde plovoucí sloupce končí, a zobrazit tak okraje nebo barvu pozadí, které se v kontejneru nachází. Pokud je vzhledem k návrhu odstranění zápatí z kontejneru nezbytné, je třeba využít jiné metody mazání. Nejspolehlivějším způsobem bude po posledním sloupci (ale zároveň před uzavřením kontejneru) přidat kód <br class="clearfloat" /> or <div class="clearfloat"

 

Nahrazení loga

V záhlaví tohoto rozvržení bylo použito vyhrazené místo pro obraz v místech, kde budete pravděpodobně chtít umístit své logo. Doporučujeme vyhrazené místo odstranit a nahradit jej odkazem na vlastní logo.

Mějte na paměti, že pokud namísto odebrání a náhrady vyhrazeného místa pro obraz vyhledáte obrázek loga v nástroji inspektor Vlastnosti pomocí pole Zdroj, je třeba odstranit vlastnosti inline pozadí a zobrazení. Tyto inline styly slouží pouze k zobrazení vyhrazeného místa pro logo v prohlížeči a mají demonstrační účel.

Před odebráním inline stylů zkontrolujte, zda je u panelu Styly CSS nastaven režim Současný. Označte obraz, na panelu Vlastnosti (panel Styly CSS) klepněte pravým tlačítkem myši na vlastnosti zobrazení a pozadí a odstraňte je. (Pochopitelně m

Pozadí

Za běžné situace je barva pozadí u elementu div viditelná v závislosti na délce obsahu. Pokud chcete místo barvy používat oddělující čáru, můžete okraj umístit po straně třídy .content elementu div (pouze za předpokladu, že v něm bude vždy více obsahu).