안녕하세요~^^

게시글 본문에 실제 입력한 HTML 태그가 어떻게 되시는지요?

아래 코드를 활용해보시겠어요?

<table style="width: 300px; height: 200px;">
	<tr>
		<td>1</td><td>2</td>
	</tr>
	<tr>
		<td>3</td><td>4</td>
	</tr>
</table>

위의 코드에서 픽셀 값은 적절히 조절해보세요.

비주얼 모드를 활용하시면 표의 크기를 마우스로 조절하실 수도 있습니다.

고맙습니다.

감사합니다.

테이블 폭 조절문제 해결되었습니다. ^^

그런데

http://www.irrobot.com/ko/newsletter_list/?mod=document&pageid=1&uid=137

에서 보시면 작성된 글에서 보면 일반 브라우저에서는 표시가 되지 않는 회색(?) 선이 위 아래로 나타납니다.

알려주신 스타일을 응용해서 border-style:none도 해보았지만 없어지지 않네요....

올려주신 페이지 주소로 확인해보니

테마 쪽에서 테이블 안 td 태그에 테두리를 적용하고 있습니다.

KBoard 게시글 본문 페이지에서 테이블 테두리를 안 보이게 하시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#kboard-default-document .kboard-content .content-view table td { border: none; }

CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후에 확인해주세요.

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

고맙습니다.

빠르고 정확한 답변 감사합니다. ^^

테마에서 적용하거라 게시글에서 아무리 뭔가를 해도 않되더던 거였네요... ㅜㅜ

KBoard 게시글 본문 내용에 테이블 태그를 추가했을 때에도

테두리를 안 보이게 하실 수 있습니다.

현재 사용 중이신 테마에서 <td> 태그에 테두리를 추가하고 있습니다.

사용자 정의하기 쪽에 CSS 코드를 추가하지 않고

아래의 코드처럼 적용하실 수 있습니다.

<table style="width: 300px; height: 200px;">
	<tr>
		<td style="border: none;">1</td><td style="border: none;">2</td>
	</tr>
	<tr>
		<td style="border: none;">3</td><td style="border: none;">4</td>
	</tr>
</table>

위의 코드처럼 <td> 태그에 일일이 스타일을 적용해야 하는 번거로움으로 인해

사용자 정의하기 쪽 CSS 입력 필드에 코드를 추가하는 방법을 안내해드렸습니다.

고맙습니다.

친절한 답변 너무 감사합니다. ^^

하나 더 질문해도 될지요?

위 링크를 보시면 아시겠지만 답변주신 내용을 적용하여 테이블의 넓이는 조절하였습니다.

그런데 테이블 높이는 알려주신 style을 응용하여 height : 200px 를 사용하여도 줄어들지를 않습니다.

td에 style="height: 50px ;"  이런식으로하여도 도무지 줄어들지 않고 길쭉하게 자리하고 있어

보기가 좋지 않네요....

이것도 테마에서 css로 설정해야하는 부분인가요?

테이블 관련 태그는 기본적으로 높이는 사용하는 영역만큼 적용됩니다.

현재 높이가 300px이라면 350px은 적용되며 200px로 줄여지진 않습니다.

테이블 관련 CSS 코드는

아래의 링크도 참고해보시겠어요?

https://www.w3schools.com/css/css_table.asp

크롬 브라우저의 개발자 도구(F12)를 사용하시면

CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

고맙습니다.