인풋박스와 이미지 그리고 텍스트 질문 좀 드릴께요
딥레드
텍스트 - 인풋박스 - 버튼두개(up/down) - 텍스트
위의 순서입니다 일자로이긴한데 버튼두개가 위아래로 나뉘어져야해서요
여기저기 뒤적이면서 해봣는데 도무지 안되서 질문드립니다 ㅠㅠ
보더를 주어서 봤더니 저만큼의 위아래여백이 도무지 줄어들질 않네요..
아니면 저 화살표 밑에버튼이라도 위로올려서 맞추고싶은데 안되네요
답변 꼭!! 부탁드려요 ㅠㅠ/* 상세정보 */
.detail_box1 { margin: 8px 0 0 0 ; padding: 0; width: 793px; border: 3px solid #eeeeee; float: left; text-align: center;}
.detail_box2 { margin: 40px 0 40px 0 ; padding: 0 ; width: 740px; text-align: center;}
.detail_box3 { margin: 0 ; padding: 0; width: 323px; text-align: left;}
.detail_box3 td { margin: 0 ; padding: 0 0 0 0 ; line-height:20px;}
.detail_box3 input { margin: 0 ; padding: 0 ; width: 40px; height: 13px;}
.quantity { margin: 0 ; padding: 0 ; width: 40px;}div class=quantity
table width=100% border=1 cellpadding=0 cellspacing=0 summary=인풋박스&버튼
tr
td rowspan=2input type=text onkeypress=NumObj(this); style=ime-mode:disabled; name=수량입력란 value=/td
tdimg src=../img/detail/icon_up.gif/td
td rowspan=2개/td
/tr
tr
tdimg src=../img/detail/icon_down.gif/td
/tr
/table
/div
!--아래는 전체부분이예요--
/* 전체틀 */
.wrap { margin: 0 auto; padding: 0; width: 980px; position: relative; top: 40px;}
/* 로고&메뉴 */
.menu { margin: 0 0 10px 0 ; padding: 0; width: 980px; text-align:center;}
.menu li { margin: 0 0 10px 0 ; padding: 0; width: 980px; float: left;}
/* 좌측메뉴 */
.left_menu { margin: 0 20px 0 0 ; padding: 0; width: 161px; float: left;}
/* 컨텐츠메뉴 */
.contents_menu { margin: 0 ; padding: 0; width: 799px;}
.contents_menu li { margin: 0 30px 0 0 ; padding: 0; float: left;}
/* 메인이미지 */
.main_img { margin: 8px 0 0 0 ; padding: 0; float: left; width: 799px;}
/* 상품리스트 */
.main_contents { margin: 0 ; padding: 0; width: 799px; float: left;}
.main_contents table { margin: 20px 0 0 0 ; padding: 2px 0 0 0 ; text-align: center; width: 799px; line-height: 17px;}
.list_bg { margin: 0; padding: 0; width: 129px; height: 172px; border: 1px solid #a7a7a7;}
.list_tit { margin: 0 ; padding: 0 0 15px 0 ;}
.list_font_r { margin: 0 ; padding: 0; color: #632a2a;}
/* 상세정보 */
.detail_box1 { margin: 8px 0 0 0 ; padding: 0; width: 793px; border: 3px solid #eeeeee; float: left; text-align: center;}
.detail_box2 { margin: 40px 0 40px 0 ; padding: 0 ; width: 740px; text-align: center;}
.detail_box3 { margin: 0 ; padding: 0; width: 323px; text-align: left;}
.detail_box3 td { margin: 0 ; padding: 0 0 0 0 ; line-height:20px;}
.detail_box3 input { margin: 0 ; padding: 0 ; width: 40px; height: 13px;}
.quantity { margin: 0 ; padding: 0 ; width: 40px;}
/* 페이징 */
.paging { margin: 20px 0 0 0 ; width: 799px; text-align:center;}
.paging li { margin: 0 2px 0 2px ; width: 799px;}
.paging ul li a { color: #5c5c5c; text-decoration: none;}
.paging li img { padding-bottom:2px; vertical-align:middle}
/* 카피라이트 */
.copyright { margin: 0 auto; padding: 30px 0 0 0 ; float: left; width: 980px;}
-
거늘
후...저도 이거땜에..-_- 미치겠어요..
-
Soeun
위치를 line-height로 잡으시면 틀어지는걸 잡기가 좀 그러실텐데..
-
아키
td에 높이줘서 마추세요
-
조히
이미지 부분에만 font-size: 0; 으로 줬더니 되긴되네요 근데 뭔가 정확하지 않은거같은..
아래 화살표는 인풋박스 아래와 딱 맞아떨어지는데 위쪽 화살표는 아래로 조금 내려왓네요
위쪽 화살표는 인풋박스 위쪽과 딱 맞으면 좋겠는데..;; -
혜린
font-size와 line-height 를 확 줄여보세요
0 이나 ... -
다스리
td valign=\top\img src=\../img/detail/icon_down.gif\/td
-
아쿠아리우스
수량이라는 텍스트부분엔 font-weight: bold; 이것뿐이..;;
-
새콤이
그건 이미 해봣어요 안되더라구요 ㅠㅠ
-
개굴츼
전체적인 소스를 올려주세요;; 이것만 봐서는 수량이라는 텍스트와 테이블과의 여백이 떨어지는 것이 무었때문이지 알 수가 없네요. 생각 할 수 있는 가지수가 너무 많아요..;;.. 지금 수량이라는 텍스트 부분의 소스가 없어요.;