메뉴 건너뛰기

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
102 (Cool3D)움직이는 텍스트애니만들기^-^ [20] file 미스디쟌 2002.06.27 5981
101 [힐링포션의 그림판강의] 명암있는 구체 쉽게 그리기 [18] file Heal.P.XERO 2003.02.12 5968
100 [제로보드강좌]6-3강. 여러가지 스킨 적용해보기[북마크 스킨] [24] 네찌 2006.12.26 5965
99 [SWISH] 잔상효과. 2번째 file 아메 2003.04.18 5956
98 [SWISH]마음을 전하는 카드 만들기 [5] file 여어자 2003.05.18 5956
97 파원포인트강좌,스위시맥스강좌 file 에듀멘 2007.02.27 5933
96 [poser4.0]여성 캐릭터 헤어 만들기 입니다. [8] 김형인 2003.04.12 5893
95 Adobe Streamline을 이용한 일러스트.. [6] file 김태현 2003.11.29 5890
94 -동영상 나눠서 웹에 올리기- [3] 시엔짜이 2004.07.09 5889
93 [나모]나모 웹에디터 2006 도움말 port 2007.03.05 5861
92 배너 만드는법,, [3] file 홍동기 2005.09.11 5834
91 SWISH 버튼만들기 두번째 (테두리 만들기) [2] file 아메 2003.03.18 5799
90 웹 작업시 유용히 쓸수 있는 이미지 [5] file document 2002.07.14 5797
89 모핑(또는 몰핑)에 대한 약간의 자료및 내용 [4] file 박원 2004.08.14 5731
88 SWISH 버튼만들기 [2] file 아메 2003.03.14 5544
87 [드림위버] 드림위버에서 설정한 사이트(Site) 제거하기 file port 2006.10.25 5487
86 애플모션 강좌 13강 칼레이도스코프 덴디 2004.12.27 5453
85 단계별 커뮤니티 유저 대응법 [5] 김도훈 2004.07.04 5414
84 이쁜(?) 텍스트 만들기 [8] file w:)style 2002.11.03 5310
83 [드림위버]드림위버에서 삽입된 플래시의 배경을 투명하게 하기 [1] file port 2007.02.24 5271