테스트 사이트 - 개발 중인 베타 버전입니다

초보 제발 도와 주세요.. 채택완료

NOLcurryTV 4년 전 조회 2,389

그누보드 사이드 하부 메뉴를 게시판 상단으로 올렸습니다....

이 하부메뉴를 지금의 세로 정렬이 아닌 가로 정렬 형태로 하고 싶습니다.

진짜 중요 한데....도움을 받고 싶습ㄴㅣ다..

 

자유게시판 | 출석부 | 유머 | 동영상| 사진   <------ 이형태ㅐ로 바꾸고 싶습니;다///

 

 

<?php if ( !defined('_INDEX_') ) { ?>

            <ul class="sidebar-nav-e1 list-group" id="sidebar-nav">

                <?php if (is_array($sidemenu)) { ?>

                <?php foreach ($sidemenu as $key => $smenu) { ?>

                <li class="list-group-item list-toggle <?php if ($smenu['active']) echo 'active'; ?>">

                    <a <?php if (G5_IS_MOBILE && $smenu['submenu']) { ?>data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-<?php echo $key; ?>"<?php } else { ?>href="<?php echo $smenu['me_link']; ?>" target="_<?php echo $smenu['me_target']; ?>"<?php } ?>>

                        <?php echo $smenu['me_name']; ?><?php if ( $smenu['new'] ) { ?><i class="fas fa-circle color-red margin-left-5"></i><?php } ?>

                    </a>

            <ul id="collapse-<?php echo $key; ?>" class="collapse <?php if ($smenu['active']) echo 'in'; ?>">

                        <?php if (is_array($smenu['submenu'])) { ?>

                        <?php foreach ($smenu['submenu'] as $skey => $smenu_2) { ?>

                        <li class="<?php if ($smenu_2['active']) echo 'active'; ?>">

                            <a href="<?php echo $smenu_2['me_link']; ?>" target="_<?php echo $smenu_2['me_target']; ?>">

                                <?php echo $smenu_2['me_name']; ?>

                                <?php if ( $smenu_2['new'] ) { ?>

                                <i class="fas fa-circle color-red margin-left-5"></i>

                                <?php } ?>

                            </a>

                        </li>

                        <?php } ?>

                        <?php } ?>

                    </ul>

                </li>

                <?php } ?>

                <?php } ?>

            </ul>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
T
4년 전

css(style)에서 수정하면 금방되겠네요..

.collapse{display:inline-black;float:left}해서 수정조금만더하시면되요
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
4년 전

li 요소 부분이 들어갈 공간을 충분히 확보 후,

li 요소에 float:left 주시면 될 듯 합니다.

https://homzzang.com/b/css-105

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

가로로 만들기에는 폭이 좁아 힘들겠고 드롭다운메뉴를 사용하면 한줄처리 가능하겠네요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인