Loading the content...

질문과 답변

  • Home
  • 이윰빌더
  • 질문과 답변

메인화면에 Tab Latest Text 영역 높이

655 2016.05.29 15:53

짧은주소

본문

메인화면을 뿌려주는 index_bs.html 에 아래와 같은 소스가 있습니다.

위의 게시판 이름 탭을 누르면 아래칸에 해당게시판 리스트로 바뀌는 것인데...

아래부분의 리스트를 5개만 보여주고 그에 맞게 박스의 높이를 줄이고 싶습니다.

리스트를 5개로 줄이는것은 count=10 를 줄이면 간단하게 해결되는데...

박스의 높이는 어디서 줄려야 할까요?

count=5 하면 밑에 5줄 정도의 공백이 생겨서 그 공백을 없애고 싶어요.

도움을 부탁드립니다.

 

<!--{* ------------- Tab Latest Text 영역 시작 ------------- *}-->
<div class="main-tab tab-latest-text-padding margin-bottom-20">
    <div class="tab-e2">
        <ul class="nav nav-tabs">
         <!--{* 아래 게시판명을 수정하세요. *}-->
            <li class="active"><a href="#main-tlt-1" data-toggle="tab">게시판명</a></li>
            <li><a href="#main-tlt-2" data-toggle="tab">게시판명</a></li>
            <li><a href="#main-tlt-3" data-toggle="tab">게시판명</a></li>
            <li class="last"><a href="#main-tlt-4" data-toggle="tab">게시판명</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade active in" id="main-tlt-1">
                <div class="tab-content-wrap">
                 <!--{* 아래 bo_table=게시판id 설정 *}-->
                    {latest->latest_eyoom('tab_latest_text','bo_table=게시판id||count=10||cut_subject=50')}
                </div>
            </div>
            <div class="tab-pane fade in" id="main-tlt-2">
                <div class="tab-content-wrap">
                 <!--{* 아래 bo_table=게시판id 설정 *}-->
                    {latest->latest_eyoom('tab_latest_text','bo_table=게시판id||count=10||cut_subject=50')}
                </div>
            </div>
            <div class="tab-pane fade in" id="main-tlt-3">
                <div class="tab-content-wrap">
                 <!--{* 아래 bo_table=게시판id 설정 *}-->
                    {latest->latest_eyoom('tab_latest_text','bo_table=게시판id||count=10||cut_subject=50')}
                </div>
            </div>
            <div class="tab-pane fade in" id="main-tlt-4">
                <div class="tab-content-wrap">
                 <!--{* 아래 bo_table=게시판id 설정 *}-->
                    {latest->latest_eyoom('tab_latest_text','bo_table=게시판id||count=10||cut_subject=50')}
                </div>
            </div>
        </div>
    </div>
</div>
<!--{* ------------- Tab Latest Text 영역 끝 ------------- *}-->

0
좋아요!
- heegoo 메일보내기 아이디로 검색 - 회원등급 : 씨앗/Level 2 - 포인트 : 2,455
레벨 2
경험치 552

Progress Bar 88%

- 가입일 : 2016-04-25 22:47:31
- 서명 :
- 자기소개 :
댓글목록

이윰EGG님의 댓글

/css/style.css 파일에서 해당 부분 관련 스타일을 보면 아래와 같습니다.

.main-tab.tab-latest-text-padding .tab-content-wrap {padding:15px;min-height:261px}

min-height:261px 스타일 속성을 볼 수 있습니다.
최소 높이가 261px이 되게 하는 속성으로 높이값을 수정 또는 삭제해 보시기 바랍니다.

감사합니다.

축하합니다. 첫댓글 포인트 25포인트를 획득하였습니다.

Total 8건 1 페이지
게시판 이용안내

이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.

질문 시 기본적인 예절을 지켜주세요.
  • 질문 시 바른말을 이용 해 주세요.
  • 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
  • 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
  • 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
  • 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74