그룹메뉴를 가로로 나오게 하고 싶은데 세로로 나옵니다.

그룹메뉴를 가로로 나오게 하고 싶은데 세로로 나옵니다.

QA

그룹메뉴를 가로로 나오게 하고 싶은데 세로로 나옵니다.

본문

오늘 질문을 2가지나 올려서 많이 부끄럽습니다.

CSS를 조금씩 배우고는 있는데 인터넷 검색해도 이해가 안가는 부분들이 있어서 질문드립니다.

 

그룹메뉴를 만들고 있습니다.

같은 그룹내의 게시판들을 가로로 나열하게 만들고 있습니다.

 

프로프램위치는 

board_head.php 입니다

CSS를 잘 모르다보니 게시판내의 분류관련 CSS를 가져다가 붙여넣기 하고 수정하였습니다.

그리고 최신글 불러오는 스킨으로 분류목록이 나오도록 만들었습니다.

그런데 메뉴들이 세로로 나옵니다.

어디를 수정해야 이 메뉴가 가로로 나오는지 부탁드립니다.

 


<style>
#hm2{text-align:center}
#hm2 h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#hm2 ul {padding-left:1px;display:inline-block;;zoom:1}
#hm2 ul:after {display:block;visibility:hidden;clear:both;content:""}
#hm2 li {float:left;margin-bottom:-1px;}
#hm2 a {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:block;position:relative;margin-left:-1px;padding: 0 10px;height:40px;line-height:38px;border:1px solid #aaa;background:#fff;color:#333;text-align:center;text-decoration:none;min-width:80px}
#hm2 a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#hm2 #bo_cate_on {z-index:2;border:1px solid #333;background:#333;color:#fff;font-weight:bold}
.gractive { background:#333333; }
@media (max-width: 970px){
    #hm2 ul{width:100%}
    #hm2 li {width:20%;}
}
@media (max-width: 640px){
    #hm2 li {width:33.3333%}
    #hm2 a{padding:0 5px;font-size:11px}
}
</style>
<h2 id="container_title"><span><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']) ?></span><span class="sound_only"> 목록</span></h2>

<?php
if($board['bo_order'] > 100){
?>

<div id="group">
<nav id="hm2">
<ul id="hm2_ul">
<?php
//  최신글
$sql = " select bo_table, bo_subject
            from {$g5['board_table']}
            where gr_id = '{$gr_id}'
              and bo_list_level <= '{$member['mb_level']}'
              and bo_device <> 'pc' ";
if(!$is_admin)
    $sql .= " and bo_use_cert = '' ";
$sql .= " order by bo_order ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
    echo latest('theme/basic3', $row['bo_table'], 5, 70);
}
?>
</ul>
</nav>
</div>
<?
}  
?>

 

최신글 부분 latest 폴더


<div id="hm2" ><li><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><strong><?php echo $bo_subject ?></strong></a></li></div>

 

 

질문정리

그룹내에 있는 게시판을 메뉴로 출력하는 코드를 만들었습니다.

CSS코드는 게시판분류 코들드를 인용해서 수정했습니다.

그런데 메뉴가 세로로 나옵니다.

가로로 나오게 하고 싶은데 아무리 수정해도 가로가 안됩니다.

모바일 반응형으로 해보려고 테이블 안쓰고 CSS를 모르면서 만져보려는 저의 욕심이 좀 큰것 같습니다.

부탁드립니다.

 

이 질문에 댓글 쓰기 :

답변 1

latest 의 div 태그를 빼버리세요

답변을 작성하시기 전에 로그인 해주세요.
전체 8
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT