묻고답하기
서브레이아웃 메뉴바 왼쪽으로 가도록 하려면 어떻게 해야할까요?
2014.05.19 12:24
<div id="maincontainer" class="maincontainer">
<div class="maincenter2">
<div class="maincenter-cont">
{$content}
</div>
<!-- 사이드 메뉴 -->
<div class="mainside">
<div class="lnb">
<block loop="$main_menu->list=>$key, $val" cond="$val['selected']">{@$menu_depth1 = $val}</block>
<div class="sidemenu-title" align="center">{$menu_depth1['text']}</div>
<ul loop="$main_menu->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
소스입니다. 이게..<div class="maincenter-cont"> 이부분을 빼고 아예 손수 레이아웃 수정을 해보려고 했는데 바꾸다보니 서브메뉴가 눌러도 반응을 안하는 현상이 좀 있었습니다.
레이아웃은 http://www.xpressengine.com/index.php?mid=download&category_srl=18322954&parent_srl=18322919&page=2&package_srl=22563158 s4u Nextep 반응형 레이아웃 사용합니다.
서브형으로 설정시에 서브메뉴가 우측이 아니라 좌측에 배치되게끔 하고 싶은데요.
좀 도와주실 분 있으신가요..?
부탁드리겠습니다.
댓글 5
-
KANTSOFT
2014.05.19 12:57
-
css에 해당하는 부분인데요(html 순서가 분문이 먼저고 서브가 나중이고의 문제는 사실 의미 없습니다. 탭 접근에서 먼저 무엇을 접근시켜 줄것인가 부분에 해당하는 것이라..)
css 에서 .maincenter-cont를 찾으신 다음 {float:left} 되어 있는것을 {float:right}로 수정하시면 되고요
.mainside는 반대로 하시면 됩니다.
-
MC마초
2014.05.19 13:23
css에 maincenter-cont 라는게 없는 것 같습니다.
어디서 수정을 해야될지 감이 안오네요 ㅠ maincenter-cont 이부분이 약간 프레임 나누듯이 칸을 나눠주는 부분인거 같은데 그걸 찾아서 칸을 다르게 나눠주면 될 것 같거든요. 근데 이게 css폴더고 어디고 전혀 보이질 않습니다.
찾아서 칸을 수정하고 메인에서 메뉴바부분을 위로 그 아래에 {$content} 이렇게 넣으면 된다는건 이론적으로 알겠는데 수정하는 부분을 못찾겠으니.. 혹시 해당 레이아웃 소스를 한 번 봐주실 분 있으신가요..
-
http://jeonin.site4u.biz/zbxe/sboard 이사이트 기준이면
ayouts/nextep/nextep.css 에서 623라인
.maincenter-cont{
margin:0;padding:10px;
border-right:1px solid #CCC;
width:976px;
voice-family : "\"}\"";
voice-family : inherit;
width: -webkit-calc(100% - 284px);
width:calc(100% - 284px);
float: right;}
빨간 부분이 float:left 되어 있을겁니다. right로 바꾸니 해결되네요.
-
MC마초
2014.05.19 14:14
정말 감사합니다. 해결되었네요!!
일단 이렇게 봐서는 모르겠구요. border:1px solid red 나 blue 등으로 구조등이 확실한지 보세요. 개발자도구등을 이용하여 보셔도 되구요.
좌측이나이나 우측 배치하시려면 float:left; 나 right 등을 써보세요