카테고리 디자인

안녕하세요?

 

카테고리 디자인을 바꿔보려고 3일간 인터넷 뒤져서 이것저것해봤으나 성과가 없어서 질문드려요

아래형식으로 출력하고 싶은데요.

 

카테고리1 카테고리2 카테고리3

서브 카테고리1-1

서브 카테고리1-2

서브 카테고리1-3

서브 카테고리2-1

서브 카테고리3-1

서브 카테고리3-2

 

현재 사용하는 코드는 아래와 같습니다.

<!--@foreach($cate_list as $key=>$val)--><!--// 1차 분류 -->
    <li class="on"|cond="$category==$val->category_srl">
        <a class="a1<!--@if($category==$val->category_srl)--> on<!--@end-->" href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$val->document_count}"|cond="!$mi->cnb_count" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}</a>
 
        <ul cond="count($val->children)">
 
            <!--@foreach($val->children as $idx=>$item)--><!--// 2차 분류 -->
                <li class="li2<!--@if($category==$item->category_srl)--> on<!--@end-->"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$item->document_count}"|cond="!$mi->cnb_count" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}</a></li>
            <!--@end--><!--// 2차 분류 -->
 
        </ul>
 
    </li>
<!--@end--><!--// 1차 분류 -->

 

위 코드를 쓰면 아래처럼 나오는데요.

 

카테고리1

서브 카테고리1-1

서브 카테고리1-2

서브 카테고리1-3

카테고리2
서브 카테고리2-1
카테고리3

서브 카테고리3-1

서브 카테고리3-2

서브 카테고리3-3

 

어떻게 하면 가로로 나올까요?

도움주시면 감사하겠습니다~~

  • ?
    저기 li쪽에 display:inline-block; 주고 width값을 지정해주면 될것같은뎅
  • ? profile
    안녕하세요? 날아라님...
    이것저것 쑤시다가 결국 얻어결렸네요.
    문제 해결했습니다.
    감사합니다~~~