| Autor | Zpráva | ||
|---|---|---|---|
| Kolemjdouci Profil * |
#1 · Zasláno: 9. 5. 2013, 09:19:16
Zdravím,
chtěl bych se zeptat jak by jste řešili stylování následující situace. <div class="item-title"> <h2><a href="index.php?a=test">Nejaky nadpis</h2> </div> .item-title {height: 55px; margin-bottom: 5px;}
.item-title h2 {display: inline-block; vertical-align: middle;}Nadpis bude v praxi dvouřádkový, což je v pohodě z pohledu designu. V případě, že bude nadpis kratší, bude pod ním moc velká mezera, rád bych h2 vycentroval do středu div.item-title (vertikálně). Jak to vyřešit? Díky. |
||
| margin Profil * |
#2 · Zasláno: 9. 5. 2013, 09:32:33
http://klient.plavacek.net/centrovani.html
IE8 a vyšší umí tabulkové hodnoty display, až vymizí IE7, tak "tabuklové" řešení půjde bez obav použít. Kdy a zda je zastoupení nějakého prohlížeče zanedbatelné je mnohokrát probrané téma ve kterém se nedospělo ke shodě, takže budeš muset použít svou hlavu. |
||
| Kolemjdouci Profil * |
#3 · Zasláno: 9. 5. 2013, 09:45:39
margin:
table-cell, díky ;-) |
||
|
Časová prodleva: 11 let
|
|||
0