Autor Zpráva
david78
Profil
Dobrý deň. Skúšal som asi všetko, ale nejde mi zarovnať naprostred riadku obyčajný span - vposlednom odkaze.
Ak dám tomu spanu vertical align middle, poskočí to dokonca ešte nižšie. Display inline-block nemá žiadny vplyv.
Podarí sa to len keď zadám hodnoty v pixeloch.
<head>

    <style>    
    #hlavne-menu ul li a {
    display: table-cell;
    color: #000000;
    background: #959595;
    font-size: 1.8em;
    text-decoration: none;
    font-weight: bold;
}
#hlavne-menu ul li a span {
    font-weight: normal;
    font-size: 0.8em;
    vertical-align: middle;
}
    </style>    
</head>

<body>
<div id="hlavne-menu">
<ul class="">
<li class=""><a title="" href="#">BGHGH</a></li>
<li class=""><a title="" href="#">Toto je link</a></li>
<li class=""><a title="" href="#">MDŽ - <span>Malá drevená žaba</span></a></li>
</ul>            
</div>

</body>
Bubák
Profil
Ve tvém kódu nevidím problém. V ukázce jsem změnil velikost písma odkazu a spanu, aby byl rozdíl výraznější, ale ani při původních hodnotách se popsaný problém neprojevil.
http://kod.djpw.cz/lqcb
http://kod.djpw.cz/lqcb-
david78
Profil
Zaujímavé. Keď je hodnota velkosti písma toho spanu Väčšia, ako 0.7em, tak sa to začne správať blbo. Technicky a teoreticky tam naozaj problém nieje. Jediné ostáva asi vylepšiť to pozicovaním o jeden px hore.
Tomáš123
Profil
david78:

V skutočnosti to je v strede len iluzionista mäkčeň tvorí očný klam, skús použiť padding a už to bude vyzerať trochu lepšie:http://kod.djpw.cz/nqcb

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: