메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

홈페이지를 오픈한지 얼마되지 않는 사이트를 살펴보면
대개 아래와 같은 장면을 보실 수가 있습니다.

제로보드의 최근게시물을 이용할때,
게시물수 부족(?)으로 인해, Tabel 의 셀상에 위치한 최근게시물의 위치가
조금 엉성할때가 있습니다.

아래 [그림 1]에 보시면
자바스크립트 or 제로보드 tip의 최근게시물은 등록된 게시물이 어느정도(5개이상) 있어서,
정렬이 잘 되어 있지만,
웹디자인 tip  최근게시물은 정렬이 중앙으로 되어 있습니다.

[그림 1]
na_ch01_01.gif



이제 나모웹에디터를 [그림 2]와 같이 불러봅시다.
[그림 2]
na_ch01_02.gif


만약, na_ch01_03.gif이러한
PHP를 표시하는 서식이 보이지 않는다면.
[그림 4]와 같이
서식 부호 보이기/감추기 메뉴를 이용하시면 됩니다. :-)

[그림 4]
na_ch01_04.gif


[그림 5]와 같이
웹디자인 tip의 최근게시물이 위치한 셀(Cell)에 마우스 커서를 위치시킵니다.

[그림 5]
na_ch01_05.gif


그 다음 속성바로가기메뉴의 단축키인 Alt+6을 실행시킵니다.
※ 참고로, 6은 NumLock에 위치한 숫자6이 아니라,
키보드의 F5키 바로 아래에 위치한 6입니다.

단축키가 아닌 메뉴창에서의 실행은
[그림 6]과 같이 [창]-[속성바로가기]메뉴에 위치합니다.

[그림 6]
na_ch01_06.gif



[그림 7]에서 보다시피,
작업창에 속성바로가기(표)메뉴가 팝업창으로 생겼습니다.

[그림 7]
na_ch01_07.gif


셀을 상단정렬로 하기 위해서 [그림 8]과 같이 체크를 합시다.

[그림 8]
na_ch01_08.gif

F6 소스보기를 하시면 아래와 같이 valign="top" 태그가 새로이 삽입됨을 알 수 있습니다.
td valign="top"


결과는 [그림 9]과 같습니다.

[그림 9]
na_ch01_09.gif


※ 차후, 게시물이 다량으로 등록되면, 이 설정이 그리 중요치 않을 수도 있지만,
초기에 홈오픈후, 방문자를 맞으실때, 조금 더 잘 정렬된 사이트의 이미지를 심어주실 수
있을 것입니다.
굳이, 제로보드의 최근게시물이 아니라,
td valign="top" 값은 표(table)로 꾸미는 사이트에서 유용하게 사용될 것이라 생각됩니다. :-)

※ 적용한 페이지는 아래와 같습니다.
http://woored.com/tip.php

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1255 (왕초보만 함께하는) 연필로 그린듯한 이미지만들기 [23] file SaRa's 2003.07.07 25552
1254 브러쉬 툴을 이용 붓으로 칠한 효과 [7] file rombardi 2003.07.06 12043
1253 [쉬크] 펜툴!! 완전정복!! [21] 쉬크 2003.07.06 9739
1252 [쉬크] 투명한 물방울 효과 [13] 쉬크 2003.07.05 24172
1251 [성재강좌]크리스탈 문자 만들기... [5] 성재 2003.07.05 8676
1250 [성재강좌] 구름과 달 만들기... [6] file 성재 2003.07.05 9050
1249 [성재강좌] 불효과 만들기... [7] file 성재 2003.07.05 6581
1248 호수의 문자디자인 - 워터칼라 [20] file Lake 2003.07.04 18429
1247 [초보만-_-;]버튼내용 "*.txt" 로 보여주자 [8] file 화이트크로우™ 2003.07.03 13655
1246 이미지 점점 하얀색으로... 점점 멀어지나봐~~!! [10] file 손오빠 2003.07.02 14922
1245 [폰트이야기]배너용폰트 이야기 [14] file 미스디쟌 2003.07.01 16361
1244 [티모시]오랜만에..........::::팥빙수 그리기:::: [19] file 티모시 2003.06.29 12080
1243 [만화 관련] 포토샵으로 스크린 톤을 붙여 봅시다^-^ [17] file kissy 2003.06.29 18274
1242 선스타일 기능을 이용한 문자 꾸미기 [10] file zxczxc 2003.06.27 10134
1241 [로고강좌]웹사이트편..오랜만이네욤^^~ [20] file 미스디쟌 2003.06.27 18557
1240 [초보만-_-;]움직이는 글씨..무비클립으로 [22] file 한쯔 2003.06.27 20035
1239 [포토샵] 펑키아쿠아 [15] file Blue™ 2003.06.26 16785
1238 [여니강좌]돌맹이 느낌 문자 [19] file 눈나라 2003.06.24 10538
1237 심플하고 독특한 축전이미지 만들기^^ [25] file 리체 2003.06.24 19989
1236 공지사항창(팝업창) 만들기 [12] file Z 2003.06.23 9585