Řežba webu IV
Těsně před tím, než se vrhneme na vlastní layout webu, malinko upravíme menu.
Jakob Nielsen (guru použitelnosti)
říká, že by stránka
neměla odkazovat sama na sebe. My v menu odkaz stránky sama na sebe sice
necháme (řešení
v PHP, které jsem několikrát použil na jiných webech, je popsáno
např. na maratz.com), ale jednoduchým trikem z Wohlédnutí 9 99%
uživatelů přesvědčíme, že to odkaz není. a.active {cursor:
default}
Výsledek vidíme v příkladu 6.
Ještě jsme do vlastního layoutu webu skoro vůbec nerýpali, a už nám
IEčko a Mozilla Firefox umísťují menu každý jinam! Takže nastav pravý
čas s tím něco udělat. Pro tvorbu layoutu stránek použijeme Pixyho
způsob popsaný na wellstyled.com.
div#menicko {float: left;width:150px;margin:0;padding:0;height:217px;margin:0 0
0 14px;_margin: 0 0 0 7px;overflow:hidden;} #telo {margin:0 0 0 178px;
padding:0;position:relative;z-index:5} hr.cleaner {clear: both;height:
1px;margin: –1px 0 0 0;padding: 0;border: none;visibility: hidden;}
Menu jsme nechali odplavat doleva a textu jsme nastavili určitý margin tak,
aby se do něj menu vlezlo. Nesmíme zapomenout vynulovat seznamu
ul
v menu atributy padding a margin, jinak nám začnou
jednotlivé prohlížeče dělat s layoutem guláš. Výsledek našeho
dnešního snažení vidíme v příkladu 7,
příště se přemístíme k formátování textového obsahu webu.