레이어 관련
Posted: 2004 10 06 22:02 11
아래 사이트를 클릭해 보면 아바타가 원래 왼쪽 상단으로 옴겨져 있습니다.
http://cof.kut.ac.kr/bbs/zboard.php?id=NEWS2&no=894
소스를 보면 아바타 부분이 아래처럼 되어 있거든요.
그런데 아바타가 테이블에서 벗어난 위치에 있습니다.
테이블 안에 아바타를 넣고 싶다면 어떻게 소스를 수정해야 할까요?
<table>
<tr><td valign=top align=center width=135>
<DIV style=' width:120; height:160; overflow:hidden;border:1'>
<DIV ID=Layer1 STYLE='position:absolute; left:0; top:0; z-index:1'><img id=ImgChar1 src=./charimg/h_m_01.gif border=0></DIV>
<DIV ID=Layer2 STYLE='position:absolute; left:0; top:0; z-index:3'><img id=ImgChar2 src=./charimg/c_m_01.gif border=0></DIV>
<DIV ID=Layer3 STYLE='position:absolute; left:0; top:0; z-index:2'><img id=ImgChar3 src=./charimg/l_m_01.gif border=0></DIV>
<DIV ID=Layer4 STYLE='position:absolute; left:0; top:0; z-index:5'><img id=ImgChar4 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer5 STYLE='position:absolute; left:0; top:0; z-index:4'><img id=ImgChar5 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer6 STYLE='position:absolute; left:0; top:0; z-index:6'><img id=ImgChar6 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer7 STYLE='position:absolute; left:0; top:0; z-index:7'><img id=ImgChar7 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer8 STYLE='position:absolute; left:0; top:0; z-index:8'><img id=ImgChar8 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer9 STYLE='position:absolute; left:0; top:0; z-index:0'><img id=ImgChar9 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer10 STYLE='position:absolute; left:0; top:0; z-index:0'><img id=ImgChar10 src=./charimg/img_blank.gif border=0 width=120 height=160></DIV>
</DIV><br>
</td></tr>
</table>
http://cof.kut.ac.kr/bbs/zboard.php?id=NEWS2&no=894
소스를 보면 아바타 부분이 아래처럼 되어 있거든요.
그런데 아바타가 테이블에서 벗어난 위치에 있습니다.
테이블 안에 아바타를 넣고 싶다면 어떻게 소스를 수정해야 할까요?
<table>
<tr><td valign=top align=center width=135>
<DIV style=' width:120; height:160; overflow:hidden;border:1'>
<DIV ID=Layer1 STYLE='position:absolute; left:0; top:0; z-index:1'><img id=ImgChar1 src=./charimg/h_m_01.gif border=0></DIV>
<DIV ID=Layer2 STYLE='position:absolute; left:0; top:0; z-index:3'><img id=ImgChar2 src=./charimg/c_m_01.gif border=0></DIV>
<DIV ID=Layer3 STYLE='position:absolute; left:0; top:0; z-index:2'><img id=ImgChar3 src=./charimg/l_m_01.gif border=0></DIV>
<DIV ID=Layer4 STYLE='position:absolute; left:0; top:0; z-index:5'><img id=ImgChar4 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer5 STYLE='position:absolute; left:0; top:0; z-index:4'><img id=ImgChar5 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer6 STYLE='position:absolute; left:0; top:0; z-index:6'><img id=ImgChar6 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer7 STYLE='position:absolute; left:0; top:0; z-index:7'><img id=ImgChar7 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer8 STYLE='position:absolute; left:0; top:0; z-index:8'><img id=ImgChar8 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer9 STYLE='position:absolute; left:0; top:0; z-index:0'><img id=ImgChar9 src=./charimg/img_blank.gif border=0></DIV>
<DIV ID=Layer10 STYLE='position:absolute; left:0; top:0; z-index:0'><img id=ImgChar10 src=./charimg/img_blank.gif border=0 width=120 height=160></DIV>
</DIV><br>
</td></tr>
</table>