이전 글에서 FootNote 플러그인을 포함한 ol (ordered list)로 선언된 리스트의 번호들이 나오지 않는지에 대해 적었는데, 문제를 해결한 듯 합니다. 저는 분명히 ol 이나 li 에 대해 따로 선언한 적은 없는데, 어디선가 꼬인 것 같아요. 아직도 정확한 이유는 모르겠습니다. 어쨌든 해결 과정을 보면,
제 스킨들의 경우에는 본문이 article 이라는 클래스 안에 들어있습니다. 물론 태터툴즈에서 제공하는 기본 스킨의 형태를 그대로 유지한 것입니다. skin.html 을 보면 다음과 같은 부분이 있죠.
아시다시피 [ ##_article_rep_desc_## ] 는 태터툴즈의 본문 치환자입니다.
그래서, 스타일시트 (style.css)에 다음과 같은 정의를 추가시켰습니다.
제가 이것저것 다 해본다고 했는데 저건 해보지 않았던 거죠. 어디서도 li 나 ol 전체에 대해 정의한 적이 없으니 이상이 없을 것이다고 생각한 거죠.
IE, 파이어폭스, 오페라에서 모두 제대로 나오는 걸 확인했으니 다른 스킨들에도 추가시켜야겠습니다. => 추가 완료 했습니다.
*
참고로 FootNote를 사용해 주석을 적은 다음 추가되는 코드를 보면 div도 footnotes, ol도 footnotes로 정의되어 있습니다. 이렇게 이름이 같을 경우에는 문제가 있지 않을까 생각해 봅니다.
위의 정의를 스타일시트에 추가한 다음 번호가 제대로 나오는 게 확인이 되면 FootNote의 스타일도 변경할 수 있겠습니다. 예를 들면 이런 식으로 정의가 가능하겠죠.
fotenotes라는 클래스가 중복으로 정의되어 있기 때문에 이렇게 해도 작동하더군요.
제 스킨들의 경우에는 본문이 article 이라는 클래스 안에 들어있습니다. 물론 태터툴즈에서 제공하는 기본 스킨의 형태를 그대로 유지한 것입니다. skin.html 을 보면 다음과 같은 부분이 있죠.
<div class="article">[ ##_article_rep_desc_## ]</div>
아시다시피 [ ##_article_rep_desc_## ] 는 태터툴즈의 본문 치환자입니다.
그래서, 스타일시트 (style.css)에 다음과 같은 정의를 추가시켰습니다.
.article li { display:list-item; list-style-type:decimal;}
제가 이것저것 다 해본다고 했는데 저건 해보지 않았던 거죠. 어디서도 li 나 ol 전체에 대해 정의한 적이 없으니 이상이 없을 것이다고 생각한 거죠.
IE, 파이어폭스, 오페라에서 모두 제대로 나오는 걸 확인했으니 다른 스킨들에도 추가시켜야겠습니다. => 추가 완료 했습니다.
*
참고로 FootNote를 사용해 주석을 적은 다음 추가되는 코드를 보면 div도 footnotes, ol도 footnotes로 정의되어 있습니다. 이렇게 이름이 같을 경우에는 문제가 있지 않을까 생각해 봅니다.
위의 정의를 스타일시트에 추가한 다음 번호가 제대로 나오는 게 확인이 되면 FootNote의 스타일도 변경할 수 있겠습니다. 예를 들면 이런 식으로 정의가 가능하겠죠.
.footnotes .footnotes li { display:list-item; list-style-type:upper-roman;}
fotenotes라는 클래스가 중복으로 정의되어 있기 때문에 이렇게 해도 작동하더군요.
.footnotes li { display:list-item; list-style-type:upper-roman;}
