<div style="font-size: 11px;">
<div style="background: url('https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12420591404.jpg') no-repeat right bottom; min-height: 960px;">
<div style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">
<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2016-07-01%2019:28:46&amp;c=009300#.png'); height: 20px;"></div></div>
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #009300; border-radius: 6px; border: 1px solid #009300; overflow: hidden; font-size: 11px; padding: 0;"data-inven-action="last-attack-1,last-attack-5,last-attack-all,search-profile" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="랄라나"><span data-inven-attr-for="input" style="float: left; width: 80px; font-size: 11px; color: #009300; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span><spandata-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 5px 4px 6px 6px; background-color: #009300; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span><span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #009300; border-radius: 6px; border: 1px solid #009300; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div>
<div data-inven-tabs="" style="padding-top: 16px;">
<div style="float: left;">
<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'7px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #009300; color: white; cursor: pointer;"></div>
<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #009300; color: white; cursor: pointer;font-size:13px">사나</div>
<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #009300; color: white; cursor: pointer;font-size:13px">리버플</div>
<div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #009300; color: white; cursor: pointer;font-size:13px">랄라나</div>
<div data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #009300; color: white; cursor: pointer;font-size:13px">스쿼드</div>
</div>
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;min-height: 370px;">
<div data-inven-tab-id="0" style="min-height: 300px;">
<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #009300;">
<div style="border-bottom: 1px solid #009300; color: #009300;padding: 4px 8px; font-weight: bold;">사나 프로필</div>
<div style="border-bottom: 1px solid #009300; color: #009300;padding: 4px 8px;">본명 : 미나토자키 사나<br /><br />출생 : 1996.12.29<br /><br />출생지 : 일본 오사카 부<br /><br />키 : 164cm<br /><br />몸무게 : 47kg<br /><br />혈액형 : B형<br /><br />특기 : 서예<br /><br />취미 : 쇼핑, 바디미스트&향수 수집<br /><br />소속그룹 : TWICE<br /><br />포지션 : 서브보컬<br /><br />소속사 : JYP Ent.</div></div></div>
<div data-inven-tab-id="1" style="display: none;">
<div style="display: inline-block; padding: 4px 8px; background-image: url(https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png); border-radius: 6px; border: 1px solid rgb(0, 147, 0); width: 94%;">
<img src="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12917955310.gif"width="100%">
<img src="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i13065456850.gif"width="100%">
<img src="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i13070513131.gif"width="100%">
<img src="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12034641798.gif"width="100%"><br /></div></div>
<div data-inven-tab-id="2" style="display:none;">
<div style="background-image: url(https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png); border-radius: 6px; border: 1px solid rgb(0, 147, 0); padding: 4px 8px; width: 94%"><imgsrc="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12061890749.gif" width="100%"></div></div>
<div data-inven-tab-id="3" style="display:none;">
<div style="background-image: url(https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png); border-radius: 6px; border: 1px solid rgb(0, 147, 0); padding: 4px 8px; width: 94%;"><imgsrc="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12036458605.gif" width="100%"><imgsrc="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12088733771.gif" width="100%"></div></div>
<div data-inven-tab-id="4" style="display:none;">
<div style="background-image: url(https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png); border-radius: 6px; border: 1px solid rgb(0, 147, 0); padding: 4px 8px; width: 94%;"><imgsrc="https://upload2.inven.co.kr/upload/2016/10/17/bbs/i12045952915.jpg"></div></div>
</div></div></div></div>

-----------------------------------------------------------------------------------

제가 한번 바꿔보려고 했는데

배경까진 문제없는데 역시나 이미지가 문제..

이미지만 손좀봐주시면 감사하겠습니다~

탭클릭하면 탭마다 아래 이미지순으로 4개씩 세로로 정렬 가능할까요?

마지막탭은 스쿼드 하나만 뜨면됩니당

부탁드려요!

첫째탭







둘째탭


원본 크기로 보시려면 그림을 클릭하세요.

원본 크기로 보시려면 그림을 클릭하세요.

원본 크기로 보시려면 그림을 클릭하세요.

셋째탭

원본 크기로 보시려면 그림을 클릭하세요.


원본 크기로 보시려면 그림을 클릭하세요.




넷째탭