ul li 이미지와 글씨를 같이 써서 올렸는데 간격이 따로따로 먹어요...
도래
style type=text/css
.black_txt2{font:12px dotum; color:#363b43; font-weight:normal; margin-top:-1px; margin-left:0px; line-height:200%; display: block; vertical-align:bottom;}
/style
body
table
tr
td
table width=100% border=0 cellspacing=0 cellpadding=0 style=margin-top:35px;
tr
td width=9 height=18img src=images/index_dot.gif width=9 height=18 //td
td width=123 align=center class=title-black약정금액 설정하기 /td
td background=images/index_dot-bg.gif /td
/tr
/table
table width=100% border=0 cellspacing=0 cellpadding=0 style=margin-top:4px;
tr
td
ul style=list-style:none; margin-top:0px; margin-left:0px;
li class=black_txt2img src=images/reservation_icon.gif/
약정금액은 매월 결제일에 회원님의 계좌에서 삼성카드로 자동이체되어 보관되는 금액입니다./li
li class=black_txt2img src=images/reservation_icon.gif/
매월 생활비(일시불)로 사용하는 금액만큼 약정금액을 신청하세요./li
li class=black_txt2img src=images/reservation_icon.gif/
약정금액은 10만원에서 200만원까지 가능하며 10만원 단위로 선택할 수 있습니다./li
li class=black_txt2img src=images/reservation_icon.gif/
별도 카드 발급없이 생활비재테크서비스를 신청만 하면 즉시 이용할 수 있습니다./li
/ul
/td
/tr
/table
table width=100% border=0 cellspacing=0 cellpadding=0 style=margin-top:35px;
tr
td width=9 height=18img src=images/index_dot.gif width=9 height=18 //td
td width=68 align=center class=title-black유의사항/td
td background=images/index_dot-bg.gif /td
/tr
/table
table width=100% border=0 cellspacing=0 cellpadding=0 style=margin-top:8px;
tr
td
ul style=list-style:none; margin-top:0px; margin-left:0px;
li class=black_txt2img src=images/reservation_icon.gif/
생활비재테크서비스는 일시불거래에만 사용되며, 할부거래에는 사용할 수 없습니다./li
li class=black_txt2 단, 일시불 거래 중 다음의 경우에는 적용되지 않습니다./li
li class=black_txt2 - 해외 사용, 세이브 할부 매출, 보너스포인트(할부)사용, sms (s.infocare,s.creditcare), 대행승인(온라인), 택시비 승인,/li
li class=black_txt2 연회비, 현금서비스, 대출서비스/li
li class=black_txt2img src=images/reservation_icon.gif/
생활비재테크서비스는 개인신용카드 및 가족카드만 이용 가능합니다./li
li class=black_txt2 - 법인카드, 체크카드, 올앳카드는 서비스를 이용할 수 없습니다./li
li class=black_txt2img src=images/reservation_icon.gif/
약정금액 충전(옮겨놓기)는 자동이체계좌만 이용 가능합니다./li
/ul
/td
/tr
/table
/td
/tr
/table이렇게 했는데 li 글씨 간격이 일정하게 먹지가 않아요! 글씨와 이미지가 같은li에 있으면 line-height 값이 일정하게 먹지 않아요?
-
텐시
수다님 감사해요~ ㅎㅎ
-
보람
line-height의 기준점과 text-baseline의 기준점이 text와 img가 틀려서 그런 현상이 발생 하는건데요.
대부분은 image의 vertical-align:middle로 해결하실수 있습니다. ㅇ_ㅇa... -
봄나
이미지에 vertical-align을 조절 하시거나, 이미지를 li 의 배경이미지로 넣어보세요.