Stránka 1 z 1

css - problem s vyskou linku

Napsal: 12 bře 2011 00:29
od simPod
zdravim. potrebuju nastavit vysku odkazu, ale nedari se mi to.. odkaz ma stale vysku rovnajici se velikosti fontu

pripojuji screen
css.png


podle firebugu ma odkaz vysku 12px, ale height i lineheight je nastaven na 67px

Re: css - problem s vyskou linku  Vyřešeno

Napsal: 12 bře 2011 08:44
od Myloš
Lepší by byl odkaz na živou ukázku; takhle se dá hádat leda z věštecké koule.
Máš stránku s tímto problémem někde pověšenou?

Jinak – menu ze sémantického hlediska nemá co dělat v <div>u jako volně ložené odkazy, nýbrž patří do seznamu, což bývá v současnosti nejčastěji <ul>/<li>.
Seznamu <ul> pak nastavíš display: block; list-style-type: none; a jednotlivým položkám <li> dáš buď float: left; (pak se chovají jako bloky, ale seznamu <ul> musíš nastavit výšku – neboli Jak funguje float), nebo display: inline (můžeš snadno vycentrovat pomocí text-align: center pro nadřazený prvek <ul>).

Re: css - problem s vyskou linku

Napsal: 12 bře 2011 18:40
od simPod
aha. diky tomu li se mi to povedlo osetrit.

jen by me zajimalo z jakeho duvodu se to dela takhle? proc zrovna list?

Re: css - problem s vyskou linku

Napsal: 12 bře 2011 18:55
od Myloš
Z důvodů sémantiky.
Vřele doporučuji pročíst http://www.semantika.name/ – není toho moc, a i když se toho nebudeš vždycky 100% držet, rozhodně je to dobré aspoň jako inspirace.

Jinak pro menu je úplně nejsémantičtější dvojice <menu>/<li>, která se chová úplně stejně jako <ul>/<li> (anebo pro výpis adresáře <dir>/<li>).
Problém s tagem <menu> je prý na straně hlasových výstupů pro nevidomé – zatímco u <ul>/<li> přečte, že je to seznam o tolika a tolika položkách (takže taky jeden z důvodů, proč to používat), v případě <menu>/<li> prý zahlásí jen to, že je to neuspořádaný (nečíslovaný) seznam, což je horší; ale i to je lepší než <div> (nenese žádný sémantický význam) a několik linků.