표 작성시 이미지가 줄어들지 않고 공백이 생깁니다.
본문
게시판수정> 상단내용 에서 표를 만들어 배너를 삽입할려고 합니다.
에디터는 smarteditor2 입니다.
1. 표에 이미지 삽입시 사이즈가 자동 조절이 안되고 라인을 넘어버립니다.
HTML 클릭해 변환 후 img 태그에 class="img-responsive" 넣어주니 정상적으로 출력은 되지만
그냥 표에 이미지 삽입하고 자동으로 되었으면 합니다. CSS를 건들면 된다는데
여러 글들은 보니 max-width:100%;height:auto; 넣어주라고 하는데 어디에 넣는지?
경로를 모르겠습니다. 그리고 이 방법이 맞는지도요
2. 표에 이미지 삽입하고 띄어쓰기, 줄바꿈이 없는데도 이미지 하단에 공백이 생깁니다.
글을 작성을 해도 중앙에 있지 않고 위로 올라가 있네요
이경우도 어떻게 해야 하는지 방법 좀 가르쳐주세요
고수님들의 소중한 답변 부탁합니다.
답변 4
flex를 사용하시는편이 좋을듯 하네요 모든 사항들이
flex 검색해보고 먼지 대충 알았는데
아직 flexf를 다루기에는 초보라 어렵기만 하네요 제 수준으로는 아직 한참 먼 이야기네요
그리고 매번 수정할 일이 생길것 같아 게시판수정에 에디터로 작성하는게 편할것 같아요
우선은 표 박스 안에 공백만이라도 없애고 싶습니다.
<img style="display:block" src="이미지경로">
또는
<style>
img { display:block; }
</style>
---
<img src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
<img style="display:block" src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
<img src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
위 코드를 https://wittazzurri.com/editor/html_editor.php 좌측창에 붙이고 결과보기 클릭해 보셈.
img 에 스타일로 display:block 을 준 애는 하단 간격이 없고 안 준 에는 뻘공간이 생깁니다.
에디터로 만든 표 안에 이미지를 넣는거라 style="display:block" 을 html로 넣어도 안먹히네요
배너를 몇십개 띄울거라 html로 작성하기가 힘들어 자동 정렬되었음 합니다.
이미지에 style=width:100% 를 줘 보셨는지요?
그리고 표에 이미지 삽입하고 자동으로 하려면 무조건 class 를 줘야 합니다.
배너를 몇십개 띄울거라 html로 하신다면 , 배너 수정관리가 필요하시다면 ,
지금의 방법이 아닌 다른방법 으로 하시는것을 추천드립니다.
저는 배너게시판을 만들고
latest 를 이용하여 게시판 스킨 상단에 불러오시는 방법을 추천드립니다.
에디터에 css 적용하시는것을 어려워 하시니
latest에서 css 적용은 에디터에 적용하는 것보단 조금 쉬우실겁니다.
추가로 php에 관해 좀더 아신다면, 배너 정렬, 순위, 노출기간 등등의 작업들을 만들기 좋습니다.
답변 감사합니다.
일단 지금 상태에서 되는데로 쓰면서 latest든 flex든 좀더 공부를 해야 겠네요.
혹시 latest 짜여진게 자료가 있을까요?
