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!
‹ Validátor szerint rossz helyen van az űrlapom? Min-width és max-width IE7 alatt ›
 ■
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.
  1. <div class="kereso"><img src="proba_kep.jpg"><input type="text"></div>  
  1. .kereso img,  
  2. .kereso input {  
  3.  vertical-align:middle;  
  4. }  
Vagy összevonva (ez a .kereso osztályú elemeken belüli minden elemet választja ki):
  1. .kereso * {  
  2.  vertical-align:middle;  
  3. }  
2

Köszi!!!

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