Autor Zpráva
hugo
Profil *
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
Text dej do spanů a pak

div * {vertical-align: middle;}

Třeba.
hugo
Profil *
Díky habendorf funguje to ;-)
Nox
Profil
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
Nox

Jasně. Vhodné např. pro zarovnání labelu s inputem. Naopak, nezarovná ti to blokové (tedy floatované) elementy.
peta
Profil
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

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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