[원인발견!!]li에 블릿이미지를 주고 padding을 주었습니다. 블릿이미지가 정렬이 안돼요
흰우유
보더 줘보니까 li서비스이용조건/li에 자식 요소들이 생기면서
자식요소들의 높이값 만큼 li서비스이용조건/li의 height값이 늘어나서 마지막 li의 블릿은 자식을 포함한 높이값의
포지션으로가게되서 저러는거같은데... 저럴때................어케 해결해야할지는 잘 모르겠어요 ㅠㅠ
좋은 아이디어 있으시면 말씀해주세요 ㅠㅠ
-----------------------------------------------------------------------------------------------------------
div class=cgv
div class=list_area
h3CGV 영t화 관람 결제금액의 1% U-POINT 적립/h3
ul class=cgv_li
liCGV 영화 관람 시 최종 결제 금액의 1% U-Point 적립/li
liCGV 홈페이지 : a href=#none /lihttp://www.cgv.co.kr/a/li/a
li서비스 이용조건
ul class=cgv_li_in
li영화티켓 구매 시 U-Point 멤버십 카드 제시/li
liOK 캐쉬백 중복적립 및 CGV 매점 적립 불가/li
/ul
/li
/ul!-- //cgv_li --
/div!-- //list_area --
/div!-- //cgv --.cgv{ background: url(../img/ctn_con01_img.jpg) no-repeat 0 0}
.list_area{border-bottom:1px solid #f1f1f1; padding-left:120px; }
.list_area h3{padding-bottom:20px;background:url(../img/ctn_con_arrow.jpg) no-repeat 100% 0}
.cgv_li{padding-bottom:26px;}
.cgv_li .clear_bg{background:none}
.cgv_li li{padding :5px 0 5px 10px; background: url(../img/cnt_li_blite.jpg) no-repeat 0 50%;}
.cgv_li_in{padding-left:20px}
.cgv_li_in li{padding-top:5px;}
왜 서비스 이용조건이란 li의 블릿이미지가 저렇게 밑으로 내려와서 서비스이용조건 안에 ul안에 li앞에서 붙는지 모르겠어요 ㅠㅠ
뭐가 문젠지 모르겠어요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 도와주세요 ㅠㅠ
-
날샘
히비님 ㅠㅠㅠㅠㅠㅠㅠ너무 감사합니다 ㅋㅋㅋ
꺄~^_^ -
블1랙캣
.cgv_li li{padding :5px 0 5px 10px; background: url(\../img/cnt_li_blite.jpg\) no-repeat 0 5px;}
.cgv_li li .cgv_li_in li {background-position:0 50% ;}
이런식으로 주시면 되겠네요 -
다은
저게 제일 근사치로 맞춘거에요 ㅠㅠ 3이나 4로 하면 블릿 전체가 위로가서 짤깍 붙어서 ....ㅠㅠ
예전에 학원에서 배울때 뭤때문에 저런 현상 있다고 해결하는 방법 배웠던거 같은데 이놈의 머리가 좋아서 저는 공장이나 다녀야 할까봐요...............................ㅠㅠ -
조히
cgv_li li{}여기 백그라운드 포지션이 50%로 되어있어서 그래요... 적당히 3px? 4px? 정도로 주시면