<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&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개씩 세로로 정렬 가능할까요?
마지막탭은 스쿼드 하나만 뜨면됩니당
부탁드려요!
첫째탭
둘째탭
셋째탭
넷째탭