dnes je 6.7.2022

Input:

WWW stránky prakticky - 6. část

23.4.2007, , Zdroj: Verlag Dashöfer

Navigační oblast stránek i s tlačítky máme již rámcově hotovou - budeme se věnovat jejímu vylepšení.

Dokončíme nejprve plastický efekt pro naše navigační tlačítka. Nadefinovali jsme již barvy jejich ohraničení - pro dolní a pravý okraj černou, pro horní a levý okraj bílou.

Pokud otevřeme rozpracovanou stránku v prohlížeči, tento efekt se zatím neprojeví. Aby se projevil, musíme nejprve otevřít soubor styly.css a dále jej upravit pomocí programu TopStyle.

Kurzor umístíme do pracovní plochy editoru tak, aby byl aktivní styl a.tlacitko (viz obrázek).

Naše úprava bude spočívat v tom, že nadefinujeme vlastnosti okrajů tlačítka - a sice šířku a styl čáry ohraničení:

V seznamu Style Inspector tedy najdeme položku border, pomocí ikonky se znaménkem + si rozbalíme seznam jejích podřízených položek. Kurzor myši umístíme do pole vedle vlastnosti border-width, zobrazí se zde šipka seznamu, ze kterého potom potvrdíme položku Lenght. Zobrazí se dialogové okno pro zadání šířky ohraničení - zadáme zde 2 (px). Hned pod vlastností border-width je vlastnost border-style. Rozbalíme seznam, kde jsou k dispozici položky, určující vzhled čáry a zvolíme položku solid (tj. nepřerušovaná čára). V editačním okně se nám vytvořil řádek:

border: 2px solid;

Nyní soubor uložíme (můžeme používat

Nahrávám...
Nahrávám...