묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
세계일주를 앞두고 여러가지 글을 올리기 위해 레이아웃 제작을 하고있는데요.
컴퓨터 쪽에는 문외한인지라 게임하며 마우스 딸깍딸깍이는 수준으로 레이아웃을 제작할려니 어려움이 있어서
이렇게 글 올립니다.
http://yegue.wo.tc/
제가 지금 제작중인 사이트인데요.
1) 제가 상단에 우야노님의 팁을 보고 메뉴 구성을 했는데요.
관리자 페이지에서 메뉴수정할때 이미지버튼 등록시 1차메뉴에서는 이미지버튼이 정상적으로 등록이 됬습니다.
그런데 2차메뉴는 적용을 했을때 아무런 변화가 없더군요.
#gnb { position:absolute; left: 200px; top:100px; overflow:hidden; white-space:nowrap; }
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; background:url(../images/default/bgGnbOff.gif) no-repeat center top; width:100px; height:50px; color:#666666; white-space:nowrap; text-align:center; font-size:1.12em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000; background:url(../images/default/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#2f2f2f; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}
.gnb_sub { position:absolute; left: 200px; top:150px; overflow:hidden; white-space:nowrap; }
.gnb_sub li { float:left; list-style:none; background:url(../images/default/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 15px 0 15px; height:18px; color:#000000; font-weight:bold; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#000000; }
.gnb_sub li.on a, .gnbin li.on a:hover { font-weight:bold; color:yellow; background:url(../images/default/arrow_3.gif) no-repea
위의 소스가 메뉴 소스인데요.
혹시 소스에서 뭔가 잘못된점이 있을까요??
2) 가운데 내용이 나오는 부분에서 쓰기부분이 제일 오른쪽 부분 줄에 겹쳐서 나옵니다.
왼쪽 오른쪽 위쪽에 여백을 둘려면 어떻게 해야하나요??
3)![K-1.png](/files/attach/images/122/015/431/017/K-1.png)
레이아웃에서 중간 부분을 완성했는데
{contents} 부분이 저렇게 나와서 짤려버립니다.
제가 초보인지라 어떻게 표현을 해야할지 몰라서 이렇게 적습니다.
고수님들 좋은답변 바랍니다.
고수님들께 레이아웃 제작에 관해서 여쭙니다.
2008.11.04 04:23
세계일주를 앞두고 여러가지 글을 올리기 위해 레이아웃 제작을 하고있는데요.
컴퓨터 쪽에는 문외한인지라 게임하며 마우스 딸깍딸깍이는 수준으로 레이아웃을 제작할려니 어려움이 있어서
이렇게 글 올립니다.
http://yegue.wo.tc/
제가 지금 제작중인 사이트인데요.
1) 제가 상단에 우야노님의 팁을 보고 메뉴 구성을 했는데요.
관리자 페이지에서 메뉴수정할때 이미지버튼 등록시 1차메뉴에서는 이미지버튼이 정상적으로 등록이 됬습니다.
그런데 2차메뉴는 적용을 했을때 아무런 변화가 없더군요.
#gnb { position:absolute; left: 200px; top:100px; overflow:hidden; white-space:nowrap; }
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; background:url(../images/default/bgGnbOff.gif) no-repeat center top; width:100px; height:50px; color:#666666; white-space:nowrap; text-align:center; font-size:1.12em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000; background:url(../images/default/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#2f2f2f; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}
.gnb_sub { position:absolute; left: 200px; top:150px; overflow:hidden; white-space:nowrap; }
.gnb_sub li { float:left; list-style:none; background:url(../images/default/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 15px 0 15px; height:18px; color:#000000; font-weight:bold; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#000000; }
.gnb_sub li.on a, .gnbin li.on a:hover { font-weight:bold; color:yellow; background:url(../images/default/arrow_3.gif) no-repea
위의 소스가 메뉴 소스인데요.
혹시 소스에서 뭔가 잘못된점이 있을까요??
2) 가운데 내용이 나오는 부분에서 쓰기부분이 제일 오른쪽 부분 줄에 겹쳐서 나옵니다.
왼쪽 오른쪽 위쪽에 여백을 둘려면 어떻게 해야하나요??
3)
![K-1.png](/files/attach/images/122/015/431/017/K-1.png)
레이아웃에서 중간 부분을 완성했는데
{contents} 부분이 저렇게 나와서 짤려버립니다.
제가 초보인지라 어떻게 표현을 해야할지 몰라서 이렇게 적습니다.
고수님들 좋은답변 바랍니다.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
백동진640 |
이미지 공간 띄위기.
[1]
![]() | 2008.11.04 by findwind |
팔뚜기 | 이거 무슨문제인가요? [2] | 2008.11.04 by 팔뚜기 |
부안프로그래밍 | 파일 첨부가 안됩니다... [2] | 2008.11.04 by 부안프로그래밍 |
황성환823 |
설치 파일 생성시 오류가 발생하였습니다.
![]() | |
부안프로그래밍 | 메뉴옮길려고 하면 이런 창이 떠요.. [1] | 2008.11.04 by SMaker |
팔뚜기 | 권한 Alert 창 띄우려면어찌하나요? | |
무돌이 | 특정 게시물에 달린 댓글만 출력할수 있나요? [3] | 2008.11.04 by 무돌이 |
공기정화 | 위젯(최근게시물)사이즈를 css소스로 바꿀순 없을까요? | |
제로왕초보2 | 플래너 위젯 에러 (일정의 첫날 에러) | |
울리는짱구 | 페이지 내용직접추가 질문드려요 [5] | 2008.11.05 by 백성찬 |
NauTe |
고수님들께 레이아웃 제작에 관해서 여쭙니다.
[2]
![]() | 2008.11.05 by NauTe |
스프카 |
1차메뉴 color 변경하려면.
[1]
![]() | 2008.11.05 by kunner |
이호재 | 제로보드XE 1.0.6 애드온 오류(흰색백지가되어버림) [1] | 2008.11.05 by 넨네 |
갈기머리 | 다국어 관련 - 페이지 모듈이나 게시판 모듈에서 php 코드 적용 가능한가요? [2] | 2008.11.05 by 갈기머리 |
김진철 | r4734 에서 복수 그룹 지정이 안되는 문제 발생 [2] | 2008.11.05 by 최강현빈 |
초보616 | 로그인후 글쓰기에서 파일첨부가 안되는 현상. [4] | 2008.11.05 by 랜슬롯 |
훈훈훈이 | 업데이트 [1] | 2008.11.05 by 네비™ |
kiss | "이미 존재하는 모듈 이름입니다." ? [3] | 2008.11.05 by 느까끼 |
나임 | mjworks 레이아웃 쓰시는 분 로고요~ [1] | 2008.11.05 by 느까끼 |
zins | 답변이 없으셔서 다시 질문드립니다. [5] | 2008.11.05 by zins |
layout.html과 css 파일을 올려보세요.
1. 왼쪽 메뉴는 해당 페이지가 있어야 출력됩니다.
2.
3. 빨간부분을 알맞게 줄여보세요.
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}