| 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 |
#2 · Zasláno: 8. 4. 2014, 16:20:14
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 |
#3 · Zasláno: 8. 4. 2014, 16:32:47
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 |
#4 · Zasláno: 8. 4. 2014, 16:35:11
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 |
||
|
Časová prodleva: 10 let
|
|||
0