li 태그 질문입니다. + 내용 추가(소스)
LO
카테고리에 li태그를 쓰는데요
하위 카테고리를 쓸때
ul li ul li ul li 이런식으로 중첩해서 하위 카테고리를 만들어가니깐
점차적으로 들여쓰기(?) 처럼 되더라구요
이게 티스토리 카테고리인지라 제가 li태그를 쓰고 싶지 않아도 쓸수 밖에 없는데요
예를들면
----------
카테고리1
----------
카테고리2
----------
카테고리2의 하위카테고리
----------
---------
카테고리3
이렇게 카테고리2의 하위카테고리는 오른쪽으로 밀리더라구요추가 내용
#category ul {
list-style:none;
}
#category li {
padding-left:18px;padding-top:0px;padding-bottom:10px;
font-size:12px;
display:block;
background:url(./images/allbg.gif) no-repeat;
}
#category li a:link, #category li a:visited {color:#666;}
#category li a:hover, #category li a:active {color:#390;}
/* 1 depth */
#category ul li ul li {
padding-left:18px;padding-top:11px;padding-bottom:10px;
background:url(./images/1depthbg.gif) no-repeat;
}
#category ul li ul li a:link, #category ul li ul li a:visited {color:#666;}
#category ul li ul li a:hover, #category ul li ul li a:active{color: #390;}
/* 2 depth */
#category ul li ul {
margin:0;
}
#category ul li ul li ul li {
border:0 none;
padding-left:18px;padding-top:2px;padding-bottom:10px;
background:url(./images/2depthbg.gif) no-repeat;
}
위에가 css 소스구요 제가 class를 지정할수가 없어요^^; 가입형 블로그인지라 치환자에 css만 입혀줄 뿐..ㅠ
어떻게 해야 할까요?
이걸 그냥 하위카테고리던 그냥 카테고리던 수직으로 나오게 할 수 없나요?
-
소라
#category ul li ul li ul li {margin-left:-18px;} 패딩 준만큼 마진으로 마이너스값을 주세요.
-
참이
skell83/ 저 레프트 패딩은 18px 띄워줘야해서요ㅠ
-
비마중
ul 마다 다른 class 지정하시면 될듯한데요;;
-
분홍이
#category ul li ul li ul li
여기에서 padding-left: 0; 을 해보세요 -
제철
skell83님 추가된내용을 좀 봐주세요 ㅠ
-
노랑이
ul li {}
ul li ul li {}
로 설정해보세요 -
도리도리
냐옹/ 가입형 블로그 쓰는거라 제가 맘대로 class를 지정 할 수 가 없어요 ㅠㅠ
그저 치환자 지정된거에 css를 입히는거 뿐이라서요 ㅠㅠ -
낮선검객
냐옹/제가 잘 몰라서 무슨 말씀인지 ㅠㅠ
그리고 ul하고 li는 차이가 뭔가요? td와 tr 같은 건가요? -
벼리
보기다/ 보기다님^^ 답변 감사한데요~ 제가 li css안에 이미 padding을 쓸일이 있어서 써서 0이라고 지정할 수 가없는데 다른방법은 없을까요? 아니면 저걸 집어놓고 다른 방식으로 list를 꾸밀수 있는 방법이 있을까요?
-
노을
ul, li{margin:0; padding:0;}