웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블을 이용한 문서의 정렬
2003.01.11 21:51
http://chunji.gg.ro사실, 이렇게 글 올리기도 좀 부끄러운데요...
의외로 모르시는 분들이 많더라구요.
조금만 생각해보면 쉽게 할 수 있는건데...
주로 홈페이지 인트로 같은거에 해당되네요.
인트로에 "들어가기"라는 메뉴가 있다고 가정합시다.
그 메뉴를 그냥 링크하면 왼쪽 위에 뜨죠...
그래서 초보분들중에서는 <center></center> 태그와 <br>태그 등을 이용하시는 분들이 많은데요...
만약, <br>태그로 화면 중앙까지 내려다 놓았다! 칩시다.
창 크기를 줄인다면?
화면에서 "들어가기" 메뉴는 보이지 않을 수가 있죠?
그렇게 하시지 마시구요. 아래 내용처럼 해보세요.
<table width=100% height=100%>
<tr><td align=가로정렬 valign=세로정렬>
<a href=어쩌구 저쩌구>들어가기</a>
</td></tr>
</table>
이렇게 하면 어떨까요?
창 크기가 변한다 하더라도 테이블 크기를 100%로 했기 때문에 알아서 정렬이 되죠.
참고로, 가로정렬에는 left, center, right 가 있고
세로정렬에는 top, middle, bottom 이 있습니다. (middle은 사용할 필요 없습니다. 안 써도 자동으로 가운데 정렬)
으이구~ 부끄럽네요.
의외로 모르시는 분들이 많더라구요.
조금만 생각해보면 쉽게 할 수 있는건데...
주로 홈페이지 인트로 같은거에 해당되네요.
인트로에 "들어가기"라는 메뉴가 있다고 가정합시다.
그 메뉴를 그냥 링크하면 왼쪽 위에 뜨죠...
그래서 초보분들중에서는 <center></center> 태그와 <br>태그 등을 이용하시는 분들이 많은데요...
만약, <br>태그로 화면 중앙까지 내려다 놓았다! 칩시다.
창 크기를 줄인다면?
화면에서 "들어가기" 메뉴는 보이지 않을 수가 있죠?
그렇게 하시지 마시구요. 아래 내용처럼 해보세요.
<table width=100% height=100%>
<tr><td align=가로정렬 valign=세로정렬>
<a href=어쩌구 저쩌구>들어가기</a>
</td></tr>
</table>
이렇게 하면 어떨까요?
창 크기가 변한다 하더라도 테이블 크기를 100%로 했기 때문에 알아서 정렬이 되죠.
참고로, 가로정렬에는 left, center, right 가 있고
세로정렬에는 top, middle, bottom 이 있습니다. (middle은 사용할 필요 없습니다. 안 써도 자동으로 가운데 정렬)
으이구~ 부끄럽네요.
댓글 4
-
최경준
2003.01.14 13:07
-
황대영
2003.03.07 21:09
감사해요..ㅡ,ㅡ/ -
아가미
2003.09.02 22:47
제가 찾고 있던 거였는데 너무 고마워요. -
nasty
2004.10.19 15:36
감사합니다-_ㅠ 지금 엄청 찾고있었거든요!!!!
제목 | 글쓴이 | 날짜 |
---|---|---|
스크롤바 뒤집을때 문서 전체가 뒤집히는것 방지할때 [4] | K.샘 | 2003.02.01 |
* 특정한 이미지 파일의 투명도 조절하기 [5] | 장윤호 | 2003.01.28 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
input태그 type의 종류.. [14] | 날수없는하늘 | 2003.01.21 |
스크롤바 자동/예/아니오 [11] | 레드 | 2003.01.18 |
테이블 테그시 <td>옵션을 쉽게 작성/변경해 봅시다 [2] | 위대한위선자 | 2003.01.18 |
[레드의 태그중급]폼 태그..(이상해져서 삭제하구 다시 적습니다) [3] | 레드 | 2003.01.15 |
[HTML 초보자]동영상을 출력하자-8(Object) [1] | ZipShin | 2003.01.14 |
[레드의 태그초보]링크태그 [5] | 레드 | 2003.01.14 |
[레드의 태그초보]이미지삽입 태그 [2] | 레드 | 2003.01.14 |
[레드의 태그초보]아이프레임을 새롭게 구조하였습니다..(;;) [3] | 레드 | 2003.01.14 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 스크롤바 왼쪽으로 위치하게 하기! [6] | 찐군 | 2003.01.09 |
[1분짜리 팁!] 테이블 테두리 얇게 하기 [5] | 찐군 | 2003.01.09 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
다중 테이블?? [7] | hooniv | 2003.01.03 |
좋은 내용 감사합니다.