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
podle firebugu ma odkaz vysku 12px, ale height i lineheight je nastaven na 67px
Re: css - problem s vyskou linku
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ů.