모바일 게시판 게시글을 클릭했을 때 게시글의 제목이 길면
한칸 아래로 내려가면서
글씨가 겹쳐서 나옵니다.
다른 사람의 같은 질문의 답변을 보면
스킨 디렉토리에서 list.php 파일에서
div class = "cut_strings" 에서 cut_strings 클래스를 삭제하라고 했는데
이게 무슨뜻인지 잘 모르겠네요
구체적인 설명이나 혹은 수정된 파일을 메일로 보내주셨으면 좋겠습니다.
KBoard가 무료로 배포되고 있기 때문에 이렇게 커뮤니티에서 사용자들끼리 문제를 공유하고 해결할 수 있도록 지원하고 있습니다.
글자가 겹치는건 cut_strings 클래스와는 상관이 없어 보입니다.
어느 제목이 겹치는지 페이지 주소라도 알려주시면 더 쉽게 알려드렸을텐데요 ㅎㅎ
default 스킨에서 글 읽기 화면의 제목이 크다면 아래처럼 해보세요.
/kboard/skin/default/style.css 파일 보시면
#kboard-default-document .kboard-title p { margin: 0; padding: 12px 22px; color: #545861; font-weight: bold; font-size: 33px; font-weight: 300; }
이런 내용이 있을겁니다.
font-size: 33px; 값을 줄여줘보세요.
font-size: 22px; 이렇게요.
또 line-height 속성을 추가 해보면서 테스트 해주세요.
http://pyeong-an.com/?page_id=22841&uid=32&mod=document
이곳을 모바일로 가면
"여전도회에서 떡국떡을 판매해요." 라는 제목이
"여전도회에서 떡국떡
을 판매해요." 이렇게 되는데, 위 아래 글씨가 겹쳐집니다.
가르쳐주신데로 폰트사이즈를 줄여도 온라인에서만 적용이 되고 모바일에서는 적용이 안되네요..
또한
#kboard-default-document .kboard-title p { margin: 0; padding: 20px 30px; color: #545861; line-height: 33px font-weight: bold; font-size: 33px; font-weight: 300; }
이렇게 Line height 속성을 넣어봤는데도 온라인에서만 적용이 되는군요...
line-height: 33px
에서 세미콜론(;)이 빠져 있습니다. 세미콜론이 빠지면 오류가 납니다.
아래처럼 추가 해주세요.
#kboard-default-document .kboard-title p { margin: 0; padding: 20px 30px; color: #545861; line-height: 33px; font-weight: bold; font-size: 33px; font-weight: 300; }
모바일에서 저희도 확인을 해봤는데 글씨가 겹치는 현상은 찾지 못했습니다.
넥서스5(크롬브라우저), 아이폰 계열입니다.
표준을 지키시 못한 브라우저는 최대한 사용을 자제해주세요 :)
다른 사용자분들은 잘 나올듯싶습니다.