최신글 탭 문의 입니다.
본문
고수님들 더운 여름 시원하시게 나세요..^^:
<div class="left width-half-main">
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="#main-tab-1" data-toggle="tab">축구</a></li>
<li><a href="#main-tab-2" data-toggle="tab">야구</a></li>
<li><a href="#main-tab-3" data-toggle="tab">농구</a></li>
<li><a href="#main-tab-4" data-toggle="tab">배구</a></li>
<li><a href="#main-tab-5" data-toggle="tab">기타</a></li>
</ul>
<div class="tab-content margin-top-15">
<div class="tab-pane fade in active" id="main-tab-1">
{latest->latest_eyoom('ebp_basic','title=축구||bo_table=notice||count=7||cut_subject=50')}
</div>
<div class="tab-pane fade in" id="main-tab-2">
{latest->latest_eyoom('ebp_basic','title=야구||bo_table=11||count=7||cut_subject=50')}
</div>
<div class="tab-pane fade in" id="main-tab-3">
{latest->latest_eyoom('ebp_basic','title=농구||bo_table=22||count=7||cut_subject=50')}
</div>
<div class="tab-pane fade in" id="main-tab-4">
{latest->latest_eyoom('ebp_basic','title=배구||bo_table=33||count=7||cut_subject=50')}
</div>
<div class="tab-pane fade in" id="main-tab-5">
{latest->latest_eyoom('ebp_basic','title=기타||bo_table=44||count=7||cut_subject=50')}
</div>
</div>
</div>
</div>
위에 있는데 제가 지금 꾸민건데요.
아래 처럼 하려 하니 도저히 시간만 허비 하고 안돼내요 조언좀 부탁드려요.
지금 이윰테마를 쓰고 있구요 그누보드5 입니다.
(포토샾으로 만든겁니다 희망하는 모션)
최근글 목록에 글에 해당하는 이미지도 같이 출력 돼게요..ㅜㅜ
제발 부탁드려요..
답변 3
탭 부분을 div로 따로 묶어야 될 듯 하네요.
li의 float:left를 없애고 width를 정해주시면 아래로 쭉 늘어설겁니다
ul을 감싸는부분에 float:left
tab-content에 float:left 하면
ul은 왼쪽에 tab은 오른쪽에 서겠지요
불량학생님~ㅜㅜ
li의 float:left를 없애고 width를 정해주시면 라고 하셨는데
float:left게 없는데 없애라고 하시는데 무슨 말씀이신지...
조금만 자세하게 부탁드릴께요..ㅜㅜ