css 질문있어요..ㅠㅠ
노랑이
윗 부분 코딩 중 인데요..오른쪽 온라인 구매 부분 css로 짜고있는 중인데..상품롤링 시키기 전에 정렬을 시키고 있는데 상품 좌우의 화살표 버튼의 위치를 상품의 중간 지점으로 보내고 싶은데 잘 안되네요..
아래 css가 컨텐츠 영역에 해당하는 부분이구요.. 제가 질문드린 온라인구매는 contents02 영역입니다..ㅠ_ㅠ..
#contents_wrap {margin-top:20px; width:1100px}
#contents01 {overflow:hidden; width:300px; background:url(../images/contents_bar.png) no-repeat 100% 80%;float:left}/*100% 50% 오른쪽 가운데정렬*/#contents01 h3 {padding-bottom:10px; width:75px; height:22px}#contents01 p{float:left}#contents01 .con_txt {float:left; padding-left:10px; padding-top:5px; overflow:hidden}.con_txt li {font:12px 돋움; color:#7d7d7d; text-decoration:none; background:url(../images/bulletCross.gif) no-repeat 0 50%; padding-left:8px}/*background:url(../images/bulletCross.gif) no-repeat 0 50%(왼쪽 가운데정렬); - text앞의 주황색+블릿을 배경으로 처리 후 반복안하고 중앙에 위치하도록..*/
- 문제의 contents02 -#contents02 {float:left; padding-left:20px}#contents02 h3 {padding-bottom:10px; width:75px; height:22px}#contents02 roll {float:left; overflow:hidden}#roll li {float:left}.LR {vertical-align:middle} - 좌우 화살표 li에 따로 class명을 부여했어요.. 두개만 가운데로 정렬시키려고..
