채택완료

에디터 질문입니다.

2016-12-09 (금) 18:03:47 3,193

현재 에디터를 사용중인 초보자입니다.

글을 작성할 당시에는 에디터의 기능중 하나인 번호매기기를 사용하면 표기가 되는 상태로  

글이 써집니다.

6f58e67b3e225e026181574215becdac_1481274109_232.png 

위의 클릭되어있는

 1---  

 2---

 3---

이버튼을 사용하여서 작성한 글입니다.

그런데 글을 작성을 하고 완료를 누른 후 view페이지로 이동을 하게 되면  

6f58e67b3e225e026181574215becdac_1481274181_2328.png
이런식으로 번호매기기가 적용이 되지 않는 상태로 출력이 되더군요 ..

이거 뭐 따로 확인할수있는 소스나 방법이 있을까요 ?  

editor 관련해서 찾아보긴 하였는데 도통 찾기가 힘드네요 ㅜ 

답변 2개 / 댓글 4개

채택된 답변
+20 포인트

css 속성 때문에 그렇습니다.

기본적으로 주어지는 css 속성은 아래와 같습니다.( 브라우저 마다 다를 수 있습니다. )

Copy
ul {    list-style-type: disc;    list-style-position: inside; }ol {    list-style-type: decimal;    list-style-position: inside; }ul ul, ol ul {    list-style-type: circle;    list-style-position: inside;    margin-left: 15px; }ol ol, ul ol {    list-style-type: lower-latin;    list-style-position: inside;    margin-left: 15px; }

그런데 많은 사람들이 웹 사이트 만들때 reset css 정의를 아래와 같이 하는 경우가 있습니다. 기본속성을 지워버리는 것이죠.

Copy
ul, ul li, ol, ol li{margin:0;padding:0;list-style:none}

기본속성을 지워버리니, 당연히 ul 이나 ol 태그를 쓸때 번호가 안나오는겁니다.

위 질문의 해결방법으로는 다시 번호가 붙을수 있도록 속성을 넣어 주시면 됩니다.

Copy
셀렉터 ol{list-style-type:decimal;list-style-position:inside}셀렉터 li{list-style:inherit !important}

답변에 대한 댓글 2개

2016-12-09 (금) 19:18:17
이 부분이 설정이 되어있는 css 파일이 board 부분의 css 파일인가요 ???
2016-12-09 (금) 19:26:49
아.. 그냥 말씀해 주신 마지막 부분의 css를 board에 붙여넣으니깐 간단하게 해결이 되었네요!!
정말 감사드립니다! 잘 모르고있었는데 새로운 정보를 알아가는거같아요!

원본에서는 잘 됩니다. 데모 사이트에서도 문제가 없네요. 

http://demo.sir.kr/gnuboard5/bbs/board.php?bo_table=notice&wr_id=390  

css 가 충돌됐을 것 같은데 어떤 부분을 변경하셨는지 알 수가 없어서 자세한 답변은 힘들겠네요.

답변에 대한 댓글 2개

2016-12-09 (금) 18:14:07
항상 좋은 답변 감사드립니다 ^_^
저 1.2.3번호의 소스를 찾아야할텐데... 일단은 최선을 다해서 한번 충돌부분을 찾아보겠습니다!
해당 사이트 링크를 남겨주시면 많은 전문가님들이 살펴봐주실 겁니다.

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