안녕하세요, KBoard를 이용해서 사이트를 운영 중인 관리자입니다.
다름이 아니라 아래와 같은 현상이 있어 의견을 구하고자 글을 씁니다.
전체적으로 붙어 있는 형태(http://naver.me/xIEfwbxA)가 되어야 하는데 간격이 벌어져 있습니다.
- 문단시작시
텍스트의 경우 자동으로 텍스트 앞에 간격이 붙는 것 같습니다.
테이블을 보면 텍스트 쪽에는 자동으로 간격이 지정되어 있는 것 같습니다.
- 테이블 내에 padding값
테이블 내 간격을 별도로 지정하지 않았는데도 간격이 벌어져 있습니다.
- 태그 및 태그 속성이 먹히지 않음
일부 태그는 속성이 제대로 먹히지 않는 것 같습니다.
사용한 스킨은 thumnail, 에디터는 기본 값인 textera 이며
게시판 등에 답변한 내용을 통해 일부 작업을 진행해 보았습니다.
2번 작업에서는 특히 문제 요소로 보이는 패딩 값등을 잡아보았습니다만
하지만 위와 같은 현상이 그대로 나타납니다.
*작업한 내용
1. 해킹 차단 옵션 비활성화 (XSS 공격 차단 비활성화)
2. kboard index.php / security.help.php / thumnail 내 style.css 등의 내용 확인 및 수정
혹시 어떤 부분이 문제인지 확인해주실 수 있을까요?
사이트 확인이 제대로 안되는군요.. ㅜㅜ;;
스타일 문제는 테마 영향도 아주 큽니다.
테마 또는 다른 플러그인 영향일 경우가 높습니다.
크롬 개발자도구(F12키)를 사용하면 쉽게 CSS 속성을 찾고 테스트 해보실 수 있으니 활용 해보시겠어요?
사이트가 제대로 보이면 추가로 도움을 드릴 수 있을 듯 합니다.
해당 링크는 CSS나 php 파일을 건들지 않은 상태의 순수 thumnail 스킨 내 소스만 삽입(xxs 비활성화)하여 잡은 내용입니다.
(ie에서는 그래도 정상적으로 보이는 크롬에서만 간격이 떨어져 보입니다.)
혹시 아래 내용으로 제가 첨부했던 (http://naver.me/xIEfwbxA) 해당 이미지가 되기 위해서는
어떤 부분들을 잡아야 할까요? (텍스트 위 간격 등...)
페이지는 보이지만 이미지가 깨진 상태라서 레이아웃이 제대로 확인이 안됩니다.
우선 CSS에 아래 속성을 넣어보세요.
img { border: 0; vertical-align: middle; }
td { vertical-align: middle; }
또한 이미지만 들어간 컬럼에는 line-height: 0; 속성을 추가해서 줄 높이 값을 0으로 만들어 줄 높이 여백을 줄여보세요.
주신 내용을 css에 적용하니 정상적으로 작동이 되네요. 감사합니다 ^^!!