input객체랑 다른 객체랑 같이 쓸때 정렬이 안맞아요~ ㅠ_ㅠ
빛솔
상단의 회색영역에 input text와 image 사용했는데 정렬이 안맞아요~
input type=text만 2개 있을때는 맞는데 input image가 들어가니 위에 떨어지는 영역이 생기네요 이유가 뭔가요~
해당 소스입니다.
div id=callContent
h3통화이력/h3
div style=background:#eaeaea; float:left; width:100% class=calllist
p style=float:left수신(100) 송신(9) 부재(1) / 전체 110통/p
div style=float:right
input accesskey=s title=검색어 class=in_call value=대상전체 type=text style=margin-left:3px /
input accesskey=s title=검색어 class=srch_call type=text value=이름, 전화번호, 메모검색 style=margin-left:3px /
input type=image class=btn_srch src=images/btn_srch.gif/div
/div
/div
-
연하얀
확실히 이해된것같아요 자세한 설명 감사합니다~ 효둘님~~^-^*
-
영미
한쪽만 vertical-align:middle; 줬을땐 안맞는걸로 기억하는데요... (아닐수도...)
그럴 땐 셋다 주면 맞을 듯합니다.
그리고, 한가지 팁드리자면
input type=\image\ src=\경로\ / 를 input type=\image\ src=\경로\ alt=\검색\ /
input image 타입에 alt 주사면 접근성이 한층 좋아집니다. -
보나
네~ 딱맞네요~~수다님 감사합니다 ^-^*
-
찰스
vertical-align:middle을 이용해 보세요.