웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
노프레임홈페이지 디비기 3 - 경로
[42]
![]() | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
![]() | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
![]() | 리디 | 2003.03.26 |
노프레임홈페이지 디비기 1 - 계층
[16]
![]() | 리디 | 2003.03.25 |
HTML의 정의 [8] | 이태운 | 2003.03.23 |
쭘's 식 쉽게 홈페이지 만들기
[15]
![]() | 쭘's | 2003.03.17 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |