[제보] 인장 오류 질문있습니다 ! ㅠㅠ살려주세요

 

 먼저,

 현재 제 인장 HTML입니다.

 

<img src="http://www.randomurl.ze.am/e/jd.php?d=2015-11-21 01:30:37&amp;c=5BBEDF#.png" border="0"><div style='background: url("https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11156603190.png") 0% 0% / 600px 600px; width: 450px; height: 595px; font-size: 11px;'><div style='background: url("http://www.randomurl.ze.am/?id=p78cYbRPElB") 0% 0% / 600px 600px; height: 595px; font-size: 11px;'><div style="text-align: center;"><div style='padding: 0px; border-radius: 6px; border: 1px solid rgb(169, 208, 245); border-image: none; overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile,send-note" data-no-tooltip="" data-inven-result-detail=""> <span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: rgb(169, 208, 245); line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input"></span> <span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: rgb(169, 208, 245);" data-inven-attr-for="button"></span> <span style='padding: 4px 6px; border-radius: 6px; border: 1px solid rgb(169, 208, 245); border-image: none; width: 300px; color: rgb(132, 221, 251); font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out"></span></div> <div style="padding-top: 16px;" data-inven-tabs="">  <div style="float: left;">   <div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(249, 192, 205);" data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}"><img src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i12759367532.gif"></div>   <div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(132, 221, 251);" data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">인장만들었어요</div><div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(132, 221, 251);" data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">인장받았어요</div>   <!--새 버튼 추가하는 곳-->  </div>  <div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px;">   <div style="min-height: 300px;" data-inven-tab-id="0"><!--메인 메뉴 내용-->    <div style='border-radius: 6px; border: 1px solid rgb(62, 162, 195); border-image: none; width: 204px; display: block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>     <div style="padding: 4px 8px; color: rgb(62, 162, 195); font-weight: bold; border-bottom-color: rgb(62, 162, 195); border-bottom-width: 1px; border-bottom-style: solid;">인벤의 그림쟁이 ♡ 학생회장</div>     <div style="padding: 4px 8px; color: rgb(62, 162, 195); font-weight: bold;">      카시코이 카와이이--?!<br /> 에리 ~ 치카 !<br />│ 한쿠 : 166 . 162 . 311 │<br />                                    │ 일쿠 : 231 . 140 . 247 │<br />~ 덩실덩실 ~<br />최애 : 에리 ♥ 차애 : 니코<br />※※※인장공사중※※※     </div>    </div>   </div>   <div style="display: none;" data-inven-tab-id="1">    <div style='padding: 4px 8px; border-radius: 6px; border: 1px solid rgb(62, 162, 195); border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>     <div style="text-align: center;"><!--이미지 1--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/02/bbs/i13722764784.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/02/bbs/i13722764784.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'334px','background-size':'100%','background-position':'top center'}}"><!--이미지 2--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/14/bbs/i11917230429.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/14/bbs/i11917230429.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"><!--이미지 3--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 3--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11354862033.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11354862033.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 4--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2015/12/25/bbs/i11635560250.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2015/12/25/bbs/i11635560250.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"></div><br /><!--이미지가 표시될 상자 & 최초 이미지--><div style='background: url("https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif") top / 100%; width: 445px; height: 334px;' data-inven-id="img_book"></div>    </div>   </div><div style="display: none;" data-inven-tab-id="1">    <div style='padding: 4px 8px; border-radius: 6px; border: 1px solid rgb(251, 178, 171); border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>     <div style="text-align: center;"><!--이미지 1--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11332194462.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11332194462.png)',&#10;&#9;'background-repeat':'no-repeat','height':'334px','background-size':'100%','background-position':'top center'}}"><!--이미지 2--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"><!--이미지 2.1--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/20/bbs/i12611796095.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/20/bbs/i12611796095.jpg)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"><!--이미지 2.2--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11170780279.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11170780279.jpg)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"><!--이미지 3--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/02/01/bbs/i12856985086.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/02/01/bbs/i12856985086.jpg)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 4--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/09/bbs/i11492318851.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/09/bbs/i11492318851.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 5--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10897518887.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10897518887.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 6--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10908294247.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10908294247.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 7--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2015/12/31/bbs/i11682343166.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2015/12/31/bbs/i11682343166.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"><!--이미지 8--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/07/bbs/i12312393866.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/07/bbs/i12312393866.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}"><!--이미지 9--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i12956411809.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i12956411809.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}"><!--이미지 10--><img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13202846259.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13202846259.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}"></div><br /><!--이미지가 표시될 상자 & 최초 이미지--><div style='background: url("https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif") top / 100%; width: 445px; height: 334px;' data-inven-id="img_book"></div>    </div>   </div>   <!--새 내용 추가하는 곳-->  </div> </div></div></div></div>

 

인벤스크립트 게시글 참고하여 꾸며본 인장인데요 ~

하고 보니 오류가 나는 것 같은 부분이 있어서 수정 질문/요청드립니다.  ㅠ ㅠ

 

#오류.1

가입일 박스가 투명도 없이 하얀박스로 나오네요 . 어떻게 해야 투명도가 들어갈까요 ...

(더불어 마격발사기 오류나는건 모바일 인벤으로 봤을 때도 그런데..(다른분꺼는 모벤으로도 오류없었는데..)

 잘못된걸까요 ??)

 

 

#오류2.

이미지가 짤려서 보입니다.

갤러리형 스크립트 안쓰고 그냥 연달아 올려봤을때도 이미지가 하얀 박스 크기 안에 갇혀서 더이상 보이지 않아요 ㅠ

어떻게 해야 될지 ..

 

 

#오류3.

세번째 메뉴버튼 '인장받았어요'를 누르면 흰박스가 두개가 나오면서, 짤림과 동시에 두번째 버튼과 겹쳐져 혼란스럽게 되네요 ㅠ 메뉴얼대로 한 것 같은뎅... ㅠ 따로따로 잘 보이게 할 수 있는 방법이 있을까요 ?