스타일 시트
안녕하세요
검색 버튼을 이미지로 바꾸었는데 좀 이상하게 나오네요
<!-- <input type=submit value="검색" class="search-button"> -->
<input type="image" src="<?=$mw_index_skin_head_path?>/img/btn_sch.gif" class="search-button" onmouseover="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch_over.gif'" onmousedown="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch_down.gif'" onmouseout="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch.gif'"/>
이렇게 바꾸었는데 좌표가 검색창과 버튼이 한줄이 되지 않네요
class 를 #head .search-button {
width:50px;
height:35px;
지정하였는데 좌표는 어떻게 하여야 되는지 모르겠습니다
검색 버튼을 이미지로 바꾸었는데 좀 이상하게 나오네요
<!-- <input type=submit value="검색" class="search-button"> -->
<input type="image" src="<?=$mw_index_skin_head_path?>/img/btn_sch.gif" class="search-button" onmouseover="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch_over.gif'" onmousedown="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch_down.gif'" onmouseout="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch.gif'"/>
이렇게 바꾸었는데 좌표가 검색창과 버튼이 한줄이 되지 않네요
class 를 #head .search-button {
width:50px;
height:35px;
지정하였는데 좌표는 어떻게 하여야 되는지 모르겠습니다
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
<input type="image" src="<?=$mw_index_skin_head_path?>/img/btn_sch.gif" align=absmiddle class="search-button" onmouseover="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch_over.gif'" onmousedown="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch_down.gif'" onmouseout="this.src='<?=$mw_index_skin_head_path?>/img/btn_sch.gif'"/>
일단 위에 처럼 해보세요..
align=absmiddle 이걸 넣어주면 중간에 정렬 시켜 주거든요..
IE에서는 제댈로 되는데 fire fox에서는 여전히 좀 틀리네요
style="vertical-align:middle"
이렇게 해주면 됩니다..
근데 이게 불여우는 되지만 ie는 안된다는 얘기가 있네요..
위쪽 margin 을 넣어서 아래로 조금 내려줘 보세요.