- All
- blogování (98)
- filosofování (29)
- nezařazeno (36)
- osobní (86)
- prohlížeče (26)
- skauting (71)
- webdesign (271)
- wohlédnutí (35)
- zdroje (28)
Ř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.