| Autor | Zpráva | ||
|---|---|---|---|
| hugo Profil * |
#1 · Zasláno: 1. 8. 2008, 00:11:42
Zdravím,
potřeboval bych pomoc. Mám div ve kterém je vždycky text a za ním následuje obrázek a zase text atd. Otázka zní jak udělat aby byl text a obrázky vertikálně zarovnané na střed jelikož text mi to zarovnává spíše dolů a obrázky nahoru. Zkoušel jsem toto: <div style="vertical-align: middle;"> text <img src="line.png" width="30" height="18" alt="" border="0"> text <img src="line.png" width="30" height="18" alt="" border="0"> text <img src="line.png" width="30" height="18" alt="" border="0"> text <img src="line.png" width="30" height="18" alt="" border="0"> text </div> ale nefunguje... :-( Prosím poraďte. Děkuji. |
||
| habendorf Profil |
#2 · Zasláno: 1. 8. 2008, 00:15:53
Text dej do spanů a pak
div * {vertical-align: middle;} Třeba. |
||
| hugo Profil * |
#3 · Zasláno: 1. 8. 2008, 00:23:11
Díky habendorf funguje to ;-)
|
||
| Nox Profil |
#4 · Zasláno: 1. 8. 2008, 07:44:22
habendorf
Sem myslel že v-a funguje pouze při display: table-cell, jak se používá při Yuhůově centrování, takže pokud se dovnitř dá inline element, tak to funguje vždy? |
||
| habendorf Profil |
#5 · Zasláno: 1. 8. 2008, 10:41:35
Nox
Jasně. Vhodné např. pro zarovnání labelu s inputem. Naopak, nezarovná ti to blokové (tedy floatované) elementy. |
||
| peta Profil |
#6 · Zasláno: 1. 8. 2008, 11:18:02
Nox
vertical-align funguje pro vsechny inline prvky. Je to napsane tusim primo na jpw - css - vertical-align habendorf Ted jsem narazil treba na tuto fintu: <label><input type=checkbox>aaa</label> misto tohoto zapisu <input type=checkbox id=iii><label for=iii>aaa</label> Ale asi se to pri centrovani bude chovat stejne |
||
|
Časová prodleva: 17 let
|
|||
0