코스모스팜 스레드

게시판 내 이미지 사이즈 조정 질문입니다.

안녕하세요.

 

웹 개발을 배우고 있는 인문계열 학생입니다.

웹 개발을 배운지 얼마 안됐는데도 KBoard 덕분에

간단하게 홈페이지를 만들고 게시판을 구현하고 있음에 감사합니다^^

 

그런데 게시판 내에서 이미지 업로드시 크기가 조정이 안 됩니다. 

저와 비슷한 증상 (http://www.cosmosfarm.com/threads/document/12027?page=2)을

겪으신 분이 있는 것 같은데 댓글 남겨주신 것 보고

 

게시판 스킨의 style.css에서 
.kboard-content .content-view img { display: inline; margin: 0; width: auto;height: auto; vertical-align: middle; max-width: 100%; }

width: auto; 와 height: auto;를 지웠음에도

이미지 리사이즈가 되지 않습니다.

 

혹시나 참고가 될까하여 크롬 개발자도구로 해당 화면을 캡쳐해봤는데

code에 width 393, height 698로 입력되어있는데도, 실제 화면에는 690x1226으로 출력이 됩니다.

 

해당 캡쳐화면 주소는 http://wesharek.com/forums/house-hunting?uid=45&mod=document&pageid=1이고

홈페이지 주소는 weshrarek.com입니다.

 

혹시 참고가 될까 말씀드리면 테마는 enfold를 사용 중이고 글 편집기는 워드프레스 기본 에디터로 사용하다가

TinyMICE editor를 사용 중인데 두 경우 모두 이미지 리사이즈가 되지 않았습니다.

 

긴 질문 글 읽어주셔서 감사합니다!

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 헉 혹시나 해서 캐시를 지우고 새로고침 해봤는데 해결됐습니다 :D

    감사합니다!

  • 크롬에서 Ctrl + Shift + R 키를 사용하시면 강력 새로고침을 사용할 수 있습니다~^^

    https://skj7.wordpress.com/2014/03/04/chrome-브라우저-새로고침/

     

    KBoard에 더욱 다양한 기능을 추가해서 보다 쉽게 다양한 홈페이지를 만들 수 있도록 하겠습니다.

    좋은 제품으로 보답하겠습니다.

  • CSS 속성은 아래쪽에 있는 속성이 먼저 나온 속성을 덮어쓰기 할 수 있습니다.

    가급적 직접 파일 수정을 피해 주시는 게 업데이트 등 상황에서 좋습니다.

    워드프레스 관리자 -> KBoard -> 대시보드 페이지에 보시면 커스텀 CSS 입력 필드가 있습니다.

    그리고 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> 추가 CSS 쪽 등에

    새로운 CSS 코드를 추가해주시는 게 좋습니다.

    속성을 강제로 적용하시려면 !important를 추가해주시면 됩니다. (!important를 남용하시면 더 복잡한 상황에 처할 수 있습니다.)

    고맙습니다.

  • 헉 주말까지 자세하게 답변 남겨주셔서 감사합니다ㅠㅠ

    매번 캐시를 삭제했었는데 강력 새로고침 완전 신세계네요

    더 공부해서 CSS도 수정해보겠습니다 :)

    감사합니다!

코스모스팜 회원관리