Autor | Zpráva | ||
---|---|---|---|
janharvalik Profil * |
#1 · Zasláno: 23. 6. 2010, 22:37:17
Dobrý den jak mám udělat aby byl odkaz vertikálně ve středu ?
|
||
janharvalik Profil * |
#2 · Zasláno: 23. 6. 2010, 22:38:39
<div id="menunav">
<ul> <li> ........... </li> <li> ........... </li> </ul> |
||
Keeehi Profil |
#3 · Zasláno: 23. 6. 2010, 22:41:44 · Upravil/a: Keeehi
Zkus css text-align:center;
|
||
panther Profil |
#4 · Zasláno: 23. 6. 2010, 22:43:14
Keeehi:
„Zkus css text-align:center;“ ??? janharvalik: jestli je jednořádkový, nastav mu height na stejnou hodnotu jako line-height. |
||
Keeehi Profil |
#5 · Zasláno: 23. 6. 2010, 22:50:49
panther:
I když jsem o tom přemýšlel, tak jsem si nakonec spletl jsem si roviny. Omlouvám se. |
||
janharvalik Profil * |
#6 · Zasláno: 23. 6. 2010, 22:56:15
proč nemohu použít vertical-align: middle; ?
|
||
tayger Profil * |
#7 · Zasláno: 23. 6. 2010, 23:04:07
janharvalik:
můžeš, ale musíš nejprve definovat výšku řádku line-height, aby bylo podle čeho zarovnávat do středu. |
||
panther Profil |
#8 · Zasláno: 23. 6. 2010, 23:04:29
janharvalik:
„proč nemohu použít vertical-align: middle; ?“ Zkus. Řádek je vysoký tak, jako text, pokud jej nenastavíš. http://www.jakpsatweb.cz/css/vertical-align.html, „Vlastnost vertical-align se dá použít pouze ve dvou případech: 1. zarovnání nízkého prvku (např. obrázku) na vyšší řádce (výška řádku se dá zvýšit vlastnosti line-height) 2. výškové zarovnání obsahu buňky tabulky (tag <td>), ekvivalent zastaralého atributu valign.“ |
||
Bubák Profil |
#9 · Zasláno: 24. 6. 2010, 02:06:21
„2. výškové zarovnání obsahu buňky tabulky (tag <td>)“
Jde použít i na jné elementy, které mají display: table-cell;, ale IE 6 tabulkové hodnoty display neumí a pokud se nepletu, tak v IE 7 je menší chyba, která použítí tabulkových hodnot display mírně komplikuje. Postup „jestli je jednořádkový, nastav mu height na stejnou hodnotu jako line-height“ je jednoduchý a funguje napříč prohlížeči. |
||
Chamurappi Profil |
#10 · Zasláno: 24. 6. 2010, 16:09:37
Reaguji na Bubáka:
„ale IE 6 tabulkové hodnoty display neumí a pokud se nepletu, tak v IE 7 je menší chyba, která použítí tabulkových hodnot display mírně komplikuje“ Tabulkové hodnoty display umí až osmička. (Pokud nepočítám table-header-group a table-footer-group , které nějak znala už pětka.)
|
||
Časová prodleva: 5 dní
|
|||
Bubák Profil |
#11 · Zasláno: 29. 6. 2010, 23:50:44
Tak už vím, co se mi popletlo, nenší chyba byla ve starších verzích WebKitu.
http://zdrojak.root.cz/clanky/soucasnost-a-budoucnost-layoutu-css-tabulky/ kapitola „Podpora prohlížečů“. |
||
Časová prodleva: 14 let
|
0