22. 11. 2004 v sekci webdesign:

Ř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.