보통 한글을 테이블의 TD에 쓰면, 한글이 약간 위로 올라가서 민감하신 분들은 눈에 거슬릴 것입니다.
여기 Tip&Tech에도 보면 '번호', '분류', '제목'... 과 같은 문자가 테이블에서 조금씩 위로 올라거서 보이게 됩니다. 그리고 실제 테이블의 높이가 조금씩 작게 출력됩니다.
몇 년 전에 이부분이 왜 그럴까 생각하다가 아래와 같은 사실을 알게 되었는데, 혹 이런 부분에 대해서 눈에 거슬리는 분들은 아래와 같이 하여 해결해 보시기 바랍니다.
정확하게 테이블 중앙에 한글이 위치하며 테블 높이도 원래 크기대로 출력됩니다.
IE, Netscape, ... 모두 동일합니다.
트릭:
1. </font> 태그 뒤에 </td>를 넣지 않고, 다음줄에 넣습니다.
이전:
<td><font size=2>한글</font></td>
이후:
<td><font size=2>한글</font>
</td>
2. </font> 태그 바로 앞에 공백이 와야 할 경우는 공백을 로 대체하고 역시 마찬가지로 1번처럼 합니다.
이전:
<td><font size=2>한글 </font>
</td>
이후:
<td><font size=2>한글 </font>
<td>
3. CSS를 사용할 경우도 마찬가지로 입니다. 하지만, TD class=cssname 처럼하고 cssname에 폰트 관련 요소를 넣어다면 모두 빼고, FONT 관련 CSS만들어서 사용하고 역시 1, 2번 과정처럼 합니다.
ex.
<table border=1>
<tr><td><font size=2>한글</font></td></tr>
<tr><td><font size=2>한글</font> </td></tr>
</table>
여기 Tip&Tech에도 보면 '번호', '분류', '제목'... 과 같은 문자가 테이블에서 조금씩 위로 올라거서 보이게 됩니다. 그리고 실제 테이블의 높이가 조금씩 작게 출력됩니다.
몇 년 전에 이부분이 왜 그럴까 생각하다가 아래와 같은 사실을 알게 되었는데, 혹 이런 부분에 대해서 눈에 거슬리는 분들은 아래와 같이 하여 해결해 보시기 바랍니다.
정확하게 테이블 중앙에 한글이 위치하며 테블 높이도 원래 크기대로 출력됩니다.
IE, Netscape, ... 모두 동일합니다.
트릭:
1. </font> 태그 뒤에 </td>를 넣지 않고, 다음줄에 넣습니다.
이전:
<td><font size=2>한글</font></td>
이후:
<td><font size=2>한글</font>
</td>
2. </font> 태그 바로 앞에 공백이 와야 할 경우는 공백을 로 대체하고 역시 마찬가지로 1번처럼 합니다.
이전:
<td><font size=2>한글 </font>
</td>
이후:
<td><font size=2>한글 </font>
<td>
3. CSS를 사용할 경우도 마찬가지로 입니다. 하지만, TD class=cssname 처럼하고 cssname에 폰트 관련 요소를 넣어다면 모두 빼고, FONT 관련 CSS만들어서 사용하고 역시 1, 2번 과정처럼 합니다.
ex.
<table border=1>
<tr><td><font size=2>한글</font></td></tr>
<tr><td><font size=2>한글</font> </td></tr>
</table>
반응형
'인터넷정보' 카테고리의 다른 글
마우스 주위를 빙글빙글 도는 텍스트(커졌다/작아졌다) (0) | 2007.10.17 |
---|---|
스타일을 이용한 양끝맞추기 (0) | 2007.10.17 |
스타일을 이용한 양끝맞추기 (0) | 2007.10.17 |
구글 검색엔진이 해킹툴? (0) | 2007.10.17 |
구글 검색엔진이 해킹툴? (0) | 2007.10.17 |
TD에서 한글이 위로 치우치는 문제 해결 트릭 (0) | 2007.10.17 |
CSS text-indent (0) | 2007.10.17 |
CSS text-indent (0) | 2007.10.17 |
text 관련 CSS 태그들입니다. (0) | 2007.10.17 |
text 관련 CSS 태그들입니다. (0) | 2007.10.17 |