묻고답하기
[해결] 레이아웃 제작 중, 메뉴가 제대로 안 보여서 고생하고 있어요
2009.02.25 21:40
div 태그로 레이아웃을 제작하고 css 부분에 속성값을 넣어 드림위버에서 레이아웃을 작성하였습니다.
각각의 div안에 XE의 함수(로고나 컨텐츠 표시와 같은 것)을 넣어서 XE 레이아웃으로 변환하는 도중인데 몇시간째 계속 한부분에서 막혀있네요.
메뉴 부분만 만들면 거의 배포 직전인데~ ㅠㅠ
여기서 막혀버리네요! ㅠㅠ
아래 태그입니다..
<!-- 레이아웃 시작 -->
<div id="wrap">
<div id="center">
<!-- 헤더 -->
<div id="header">
<!-- 로고 이미지 -->
<div id="logo">
<a href="{$layout_info->index_url}">
<!--@if(!$layout_info->logo_image)-->
<img src="./images/logo.jpg" alt="홈페이지의 처음으로 이동하려면 클릭하세요." border="0" />
<!--@else-->
<img src="{$layout_info->logo_image}" alt="홈페이지의 처음으로 이동하려면 클릭하세요." border="0" />
<!--@end-->
</a>
<!-- 메뉴 -->
<div id="menu">
<ul>
<!--@foreach($header_menu->list as $key => $val)-->
<!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->>
<a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
</li>
<!--@end-->
<!--@end-->
</ul>
</div>
</div>
<div id="body">
<!-- 배너 위젯 -->
<div id="banner"><img src="images/banner.jpg"></div>
<!-- 빠른 메뉴 -->
<div id="quick">
<ul>
<!--@foreach($quick_menu->list as $key => $val)--><!--@if($val['text'])-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>
<!--@end--><!--@end-->
</ul>
</div>
<!-- 내용 -->
<div id="container">
{$content}
</div>
</div>
<!-- 푸터 -->
<div id="footer"></div>
</div>
</div>
<!-- 레이아웃 끝 -->
<div id="wrap">
<div id="center">
<!-- 헤더 -->
<div id="header">
<!-- 로고 이미지 -->
<div id="logo">
<a href="{$layout_info->index_url}">
<!--@if(!$layout_info->logo_image)-->
<img src="./images/logo.jpg" alt="홈페이지의 처음으로 이동하려면 클릭하세요." border="0" />
<!--@else-->
<img src="{$layout_info->logo_image}" alt="홈페이지의 처음으로 이동하려면 클릭하세요." border="0" />
<!--@end-->
</a>
<!-- 메뉴 -->
<div id="menu">
<ul>
<!--@foreach($header_menu->list as $key => $val)-->
<!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->>
<a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
</li>
<!--@end-->
<!--@end-->
</ul>
</div>
</div>
<div id="body">
<!-- 배너 위젯 -->
<div id="banner"><img src="images/banner.jpg"></div>
<!-- 빠른 메뉴 -->
<div id="quick">
<ul>
<!--@foreach($quick_menu->list as $key => $val)--><!--@if($val['text'])-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>
<!--@end--><!--@end-->
</ul>
</div>
<!-- 내용 -->
<div id="container">
{$content}
</div>
</div>
<!-- 푸터 -->
<div id="footer"></div>
</div>
</div>
<!-- 레이아웃 끝 -->
위 태그에서 진하게 된 부분이 바로 메뉴부분인데요..
도대체 왜 저부분만 유독 출력이 안될까요?
저 태그를 다른 위치에 또 한번 더 써넣어주면 잘 보이더군요...
그렇지만 코드가 엉망진창이 되어버리니...
최대한 직관적인.. 저 상태를 유지하려고 질문드립니다~
대체 왜 안나타나는걸까요!?
혹시나해서 제작중인 레이아웃의 이미지 부분만 빼고 첨부해봅니다!
이미지 부분은 지금 제작중인 홈페이지의 것인지라 뺐구요..
고수님들의 조언 부탁드립니다!
(레이아웃 사용환경은 faceoff 최신 리비전이 적용된 서버입니다...)
(레이아웃 사용환경은 faceoff 최신 리비전이 적용된 서버입니다...)
P.s
혹시라도 레이아웃 제작 중이신 분은 나름대로 코드 정리 깔끔하게 해놨으니깐 참고용이나, 아니면 직접 쓰셔두 됩니당..^^
간단한 태그만 써서 그런지 익스6, 구글 크롬, 사파리, 파이어 폭스 모두 제 의도대로 뜨네요~^^
그리고 완성본은 이 문제 해결하게 되면 3월께에 반드시 배포할게요!
압축파일의 비밀번호는 psy입니다..
※ 첨부파일은 4월초순에 배포키로 하였으므로 삭제하였습니다.
※ 첨부파일은 4월초순에 배포키로 하였으므로 삭제하였습니다.
댓글 3
-
한마디
2009.02.25 22:28
-
한마디
2009.02.25 22:29
#gnb {margin:0; padding:0; position:absolute; top:55px; left:133px; height:30px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { float:left; list-style:none; padding-left:0px; position:relative; left:0px; white-space:nowrap;}
/* 페이지 열면 기본적으로 나타내는 글씨 색깔 */
#gnb li a { display:block; float:left; padding:10px 5px 0 5px; height:25px; font-weight:bold; color:#66CC00; white-space:nowrap; text-decoration:none; }
/* 마우스 대면 나타내는 뒷면 색깔, 글자 색깔 */
#gnb li a:hover, { solid #eaeaea; background:#66CC00; color:#ffffff; }
/* 마우스 떼면 나타내는 뒷면 색깔, 글자 색깔 */
#gnb li a:focus { solid #eaeaea; background:#66CC00; color:#888888; }
/* 선택된 글자 색깔 */
#gnb li.on a { text-decoration:none; font-weight:bold; color:#329FFF; } -
한마디님 답변 감사합니다~^^해결되었어요~~~^^
소스를 보니 작업 도중에 몇 줄이 없어졌던 것 같습니다.
아래 것으로 사용해 보세요.
<div id="menu"> 라고 div를 넣었는데
그러지 말고
<ul id="gnb">
으로 고쳐 보세요.
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
<!--@-->
{@$menu_cnt = 0}
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<!--@if($menu_cnt > 0 && $menu_cnt < 6)-->
<li
<!--@if($val['selected'])-->
class="on"
<!--@end--> >
<a href="{$val['href']}"
<!--@if($val['open_window']=='Y')-->
onclick="window.open(this.href);return false;"
<!--@end--> >
{$val['text']}</a>
</li>
<!--@end-->
<!--@end-->
{@$menu_cnt++}
<!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--/GNB-->