테스트 사이트 - 개발 중인 베타 버전입니다

ul 리스트 들여쓰기 해결책 좀 알려 주세요. 채택완료

제비 7년 전 조회 2,347

앞서 문제점을 올렸습니다만 해결을 못하여 다시 올립니다.

현재 그누보드4사이트에서 아래와 같은 내용입니다.

http://www.choic.net/jkbo.php">http://www.choic.net/jkbo.php

 

이걸 그누보드5로 바꾸면서 같은 소스를 '내용관리'에 올렸더니

아래와 같이 들여쓰기 안됩니다.

http://choicne.cafe24.com/bbs/content.php?co_id=jokbo_2">http://choicne.cafe24.com/bbs/content.php?co_id=jokbo_2

 

내용관리에 올린 소스코드는 아래와 같습니다.

 

</p>

<p><style type="text/css">

#cont {

    list-style:none ;

 font:11pt 나눔고딕;

 line-height:160%;

}

</style></p>

<p>

<!-- 본문 시작 -->

      <ul id="cont">

        <li>시조 아阿(문성공文成公)


        <li>2세 용생龍生(안렴사공按廉使公)


        <li>3세 전우田雨


        <li>4세 택澤


        <li>5세 사필斯必


        <li>6세 자경子涇


        


        <li>07 <a onclick="window. open ('/inf/07suji.htm', 'notice', 'width=500, height=400, scrollbars=yes')" href="#">수지</a>水智(검재공檢齋公) - <span style="color: rgb(0, 0, 153);">해평 입향조</span>

          <ul id="cont">

            <li>08 이식以湜

              <ul id="cont">

                <li>09 윤옥潤屋[후손 없슴] </li>

                <li>09 윤신潤身

                  <ul id="cont">

                    <li>10  담潭

                      <ul id="cont">

                        <li>11 운찬云傑</li>

                        <li>11 운덕云德

                          <ul id="cont">

                            <li>12 원垣[후손 없슴]</li>

                          </ul>

                       </li>

                       <li> 11 운철云哲

                         <ul id="cont">

                           <li>12 균均(의민공義敏公)</li>

                           <li>12 게垍</li>

                           <li>12 강堈(의숙공義肅公)</li>

                        </ul>      

                     </li>

                     <li> 11 운준云俊</li>

                     <li> 11 운제云悌</li>

                     <li> 11 운개云愷</li>

                </ul>

             </li>

             <li>10  홍泓</li>

             <li>10  하河</li>

          </ul>

        </li>

        <li>09 윤종潤終</li>

        <li>09 윤재潤才</li>

      </ul>

    </li>

 </ul>

</li>

<li>07 수인水仁 <span style="color: rgb(136, 136, 136);">→ 이하생략</span> </li>

<li>07 수용水勇 <span style="color: rgb(136, 136, 136);">→ 이하생략</span> </li>

</ul></p>

<p>

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
7년 전

위 소스 6 라인 다음에

 

#cont ul {padding-left:40px} 를 추가해 보시기 바랍니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

제비
7년 전
와~ 해결되었습니다.
며칠간 끙끙거리던게 단방에 해결이 되었습니다.
감사. ^ ^

댓글을 작성하려면 로그인이 필요합니다.

D
7년 전

굳이 모든 ul태그에 margin/padding값을 0으로 할 필요가 없으시면 default.css에서

ul, dl,dt,dd {margin:0;padding:0;list-style:none} 항목에서 ul값을 빼시거나

</p>

<p><style type="text/css"></p>

<p>#cont <span style="color:null">*</span> {</p>

<p>    list-style:none ;</p>

<p>    font:11pt 나눔고딕;</p>

<p>    line-height:160%;</p>

<p>    padding-left:25px;</p>

<p>}</p>

<p></style></p>

<p>

처럼 처리하시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

T
7년 전

아 p태그로 하시면 될거에요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

제비
7년 전
p태그는 줄바꿈 할 때 기능입니다.
제가 원하는 것은 '오른쪽으로 들여쓰기'입니다.
G4에선 ul li 태그로 정리가 잘 되었는데 G5에선 안되는군요.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인