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…
