ugrás a tartalomhoz

input és img egy div-ben vertikálisan középre

Anonymous · 2006. Aug. 31. (Cs), 12.33
Sziasztok,

Hogy lehet megoldani CSS-sel, hogy egy div-ben megjelenő text input és a mellette lévő image input vertikálisan középre legyen rendezve? A magasságuk különböző! Próbáltam utánanézni a megválaszolt kérdéseknél, de amit találtam megoldásokat azok vagy csak szövegre működtek, vagy nem működött mindegyikben ezek közül: IE FF Opera.

Előre is köszi szépen!
 
1

vertical-align:middle

Jano · 2006. Aug. 31. (Cs), 13.02
Verical-align tulajdonságot kell middle-re állítani. A trükk, hogy nem a div-nek kelll megadni, hanem a képnek és az inputnak.

<div class="kereso"><img src="proba_kep.jpg"><input type="text"></div>

.kereso img,
.kereso input {
 vertical-align:middle;
}
Vagy összevonva (ez a .kereso osztályú elemeken belüli minden elemet választja ki):

.kereso * {
 vertical-align:middle;
}
2

Köszi!!!

Anonymous · 2006. Aug. 31. (Cs), 13.12
Áááá köszi!