메뉴 건너뛰기

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
1195 Flash MX2004 프로페셔널..에 관한 간략한 새로운기능(이미지 없음..;) [11] 세나^.^ 2003.10.18 8856
1194 [포토샵 7.0 동영상강좌] 1. 선택영역 툴바 사용법 [7] 서기 2005.08.22 8855
1193 이번엔 아스라다 입니다;; 아스라다는 그다지 디테일 하지 못하네여;; [4] file 키드 2005.09.26 8853
1192 [Flash MX]Action Script - Shared Objects [2] file gimbob 2002.10.31 8849
1191 포토샵에서 수묵화 그리기 [5] file 제갈승 2002.05.19 8846
1190 스마일루 포토샵 강좌 - Freeform Pen Tool을 이용한 효과. [6] file Smileru 2008.06.04 8836
1189 cutout필터를 이용한 일러스트틱한 이미지만들기. [6] SOO 2003.05.10 8832
1188 pixel psp 만들기 [6] 김지호 2004.12.30 8823
1187 도트 찍을때 선!!나오게 하기.. 모르는 사람을 위해 제작 되었습니다. [10] file NET.ID NLOVEN 2002.08.10 8807
1186 [초급] 가이드라인에 대해 [3] 차우 2004.05.07 8805
1185 유리창 깨진 효과 내기 [11] file puki 2003.01.17 8805
1184 네이트 닷넷 따라하기 [11] file {동준짱} 2003.01.26 8800
1183 [잡담]포토샵할때 이것만은 알아두세요. [33] file ToonieZ 2002.03.14 8777
1182 [왕초보용]이미지 특정부위를 부각시키고 나머지는 어둡게 처리하기 [7] 한길 2003.07.25 8770
1181 [제로보드강좌]6-2강. 여러가지 스킨 적용해보기[갤러리 스킨] [29] 네찌 2006.12.23 8769
» [나모]제로보드의 최근게시물의 위치를 교정하기 -(속성바로가기) [10] file 아치 2003.11.26 8769
1179 물감 퍼지는(?) 문자.. [10] file 마리아 2003.01.10 8769
1178 [플래시 MX 동영상 강좌] 33. 줌인/아웃되는 약도만들기 [10] 서기 2005.08.08 8767
1177 [초급] 딱지치기~[!] [10] file B렌 2003.11.06 8760
1176 [페인터] 귀여운 차이나풍의 소녀 케릭 그리기 [4] file Hwoarang 2005.02.10 8757