묻고답하기
이미지맵으로 링크시킨 소스랑,테이블 소스랑 어떻게 합쳐요?
2003.02.14 21:07
제가,
이미지맵으로 테이블 사진을 부분링크 시켰는데요.,
그 소스는 아래 입니다,
<HTML>
<HEAD>
<TITLE>봄메인</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (봄메인.gif) -->
<IMG SRC="http://myhome.hanafos.com/~promisesr/springmain.gif" WIDTH=680 HEIGHT=425 BORDER=0 USEMAP="#____Map">
<MAP NAME="____Map">
<AREA SHAPE="rect" ALT="주인장에게궁금한거물어봐요" COORDS="318,313,669,416" HREF="http://myhome.hanafos.com/~promisesr/questions.htm" TARGET="_blank">
<AREA SHAPE="rect" ALT="[carteraddict]님의작품" COORDS="613,228,665,303" HREF="http://carteraddict.cafe24.com/data/board/bod0153/t15267501/ps107.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[Only BSB]님의작품" COORDS="555,228,607,302" HREF="http://www.onlybsb.com/britney/onlybrit_01.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[류사브릿]님의작품" COORDS="498,229,552,302" HREF="http://comets.com.ne.kr/Britney/power-girl.gif" TARGET="_blank">
<AREA SHAPE="rect" ALT="[하늘브릿]님의작품" COORDS="440,229,493,303" HREF="http://myhome.hanafos.com/~sahoru/britney.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[트라움★]님의작품" COORDS="382,229,435,302" HREF="http://myhome.hanafos.com/~seven03041/b889.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[promise]님의작품" COORDS="322,229,374,303" HREF="http://myhome.hanafos.com/~promisesr/brit26.gif" TARGET="_blank">
<AREA SHAPE="rect" ALT="지기,자매 신청하세요" COORDS="134,313,312,414" HREF="http://myhome.hanafos.com/~promisesr/ask.htm" TARGET="_blank">
</MAP>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
그리구,
저 소스와는 달리,
테이블 사진에 스크롤바를 넣고 내용을 추가 했는데요,
그 소스는 아래입니다-
<html>
<head>
<title>BODY {scrollbar-face-color: #ECE8D9; scrollbar-shadow-color: #ECE8D9; scrollbar-highlight-color: #ECE8D9; scrollbar-3dlight-color:</title>
<meta name="generator" content="Namo WebEditor v4.0(Trial)">
<table cellpadding="0" cellspacing="0" width="680" height="425" background="http://myhome.hanafos.com/~promisesr/springmain.gif">
<tr>
<td width="306" height="32">
<p> </p>
</td>
<td width="33" height="32">
<p> </p>
</td>
<td width="322" height="32">
<p> </p>
</td>
<td width="19" height="32">
<p> </p>
</td>
</tr>
<tr>
<td width="306" height="166">
<p> </p>
</td>
<td width="33" height="166">
<p> </p>
</td>
<td width="322" height="166">
<p><style type="text/css">
BODY
{scrollbar-face-color: #FAF7EB;
scrollbar-shadow-color: #FAF7EB;
scrollbar-highlight-color: #FAF7EB;
scrollbar-3dlight-color: #FAF7EB;
scrollbar-darkshadow-color: #FAF7EB;
scrollbar-track-color: #FAF7EB;
scrollbar-arrow-color: black;}</style>
<head>
<style type="text/css">
#box1 {width:322; height:160; overflow: auto; padding:7px; border:0 solid;}
</style>
</head><div id="box1">
<p><span style="font-size:9pt; letter-spacing:-1px;"><font face="Verdana" color="#B2AD97">
(꼭읽어요) Slave4britney의주요공지사항입니다
<br>(가족친목) Slave4britney가족여러분들친목을다져요
<br>(브릿정보) Britney Spears의앨범정보,최신뉴스
<br>(브릿영상) Britney Spears의다양한동영상
<br>(브릿앨범) Britney의모든음악으로실시간으로듣기
<br>(포토샵픽) 주인장과여러지기님들의포토샵사진
<br>(회원포토) 회원분들께서직접만드신포토샵사진
<br>(캡쳐팬시) 지기님들께서직접하신브릿의캡쳐,팬시
<br>(공식사진) 브릿의파파라치,행사사진,공연사진등
<br>(아트포토) 미국의Beitney의팬들이직접만든포토샵사진
<br>(메거진픽) 미국등,외국에서발행된브릿의잡지스캔
<br>(시상식픽) 미국등,외국에서열린여러시상식참여사진
<br>(필수감상) Slave4britney의모든자료를보신소감
<br>(업로드방) 회원분들께서올려주시는브릿자료
<br>(등급신청) 열심히해서꼭'준회원-우수회원'되세요
<br>
<br>
<br>
<br>
<br>
<br>
<br></font></span>
</div>
</td>
<td width="19" height="166">
<p> </p>
</td>
</tr>
<tr>
<td width="306" height="31">
<p> </p>
</td>
<td width="33" height="31">
<p> </p>
</td>
<td width="322" height="31">
<p> </p>
</td>
<td width="19" height="31">
<p> </p>
</td>
</tr>
<tr>
<td width="306" height="64">
<p><style type="text/css">
BODY
{scrollbar-face-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-track-color: ffffff;
scrollbar-arrow-color: black;}</style>
<head>
<style type="text/css">
#box2 {width:306; height:64; overflow: auto; padding:7px; border:0 solid;}
</style>
</head><div id="box2">
<p align="right"><span style="font-size:9pt; letter-spacing:-1px;"><font face="Verdana" color="#B2AD97">
<br><br><br>
<br>안녕하세요-Slave4britney의지킴이 promise입니다'-'
<br>이번엔한층밝은분위기로리녈했어요
<br>파릇파릇한새싹의느낌이나네요-_-
<br>promise가이번에자랑스런고딩이된답니다
<br>카페관리에소홀하더라도이해해주시구요
<br>앞으로뽑힐다른운영자들의멋진운영을기대해주세요
<br>promise를대신해서많은운영진들과지기님들이
<br>뽑힐예정이구요,회원분들의많은관심부탁드려요-!
<br>브리트니최고의팬카페가되는그날까지
<br>앞으로열심히열심히할게요-
<br>부디탈퇴하지마시구끝까지지켜봐주세요=.=
<br>그럼 promise는이만인사드릴게요-
<br>항상건강하시구,좋은일만있길바랄게요^-^
<br>안녕히계세요-
<br><br><br><br></font></span>
</div>
</td>
<td width="33" height="64">
<p> </p>
</td>
<td width="322" height="64">
<p> </p>
</td>
<td width="19" height="64">
<p> </p>
</td>
</tr>
<tr>
<td width="306">
<p> </p>
</td>
<td width="33">
<p> </p>
</td>
<td width="322">
<p> </p>
</td>
<td width="19">
</td>
</tr>
</table>
<img src="http://myhome.hanafos.com/~promisesr/springamain2.gif"></BODY>
</html>
그러면,
위 두 소스를 함께 사용할수 있는 방법이 있을듯한데요,
제가 어떻게 한다고 했는데,
두 사진이 따로따로 나타나구,
이상하게 되더라구요-
테이블에 부분링크도 되고,
테이블에 스크롤바도 생기도록 어떻게 저 두 소스를 합쳐야 할까요?
좀 가르쳐 주세요-_-==
이미지맵으로 테이블 사진을 부분링크 시켰는데요.,
그 소스는 아래 입니다,
<HTML>
<HEAD>
<TITLE>봄메인</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (봄메인.gif) -->
<IMG SRC="http://myhome.hanafos.com/~promisesr/springmain.gif" WIDTH=680 HEIGHT=425 BORDER=0 USEMAP="#____Map">
<MAP NAME="____Map">
<AREA SHAPE="rect" ALT="주인장에게궁금한거물어봐요" COORDS="318,313,669,416" HREF="http://myhome.hanafos.com/~promisesr/questions.htm" TARGET="_blank">
<AREA SHAPE="rect" ALT="[carteraddict]님의작품" COORDS="613,228,665,303" HREF="http://carteraddict.cafe24.com/data/board/bod0153/t15267501/ps107.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[Only BSB]님의작품" COORDS="555,228,607,302" HREF="http://www.onlybsb.com/britney/onlybrit_01.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[류사브릿]님의작품" COORDS="498,229,552,302" HREF="http://comets.com.ne.kr/Britney/power-girl.gif" TARGET="_blank">
<AREA SHAPE="rect" ALT="[하늘브릿]님의작품" COORDS="440,229,493,303" HREF="http://myhome.hanafos.com/~sahoru/britney.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[트라움★]님의작품" COORDS="382,229,435,302" HREF="http://myhome.hanafos.com/~seven03041/b889.jpg" TARGET="_blank">
<AREA SHAPE="rect" ALT="[promise]님의작품" COORDS="322,229,374,303" HREF="http://myhome.hanafos.com/~promisesr/brit26.gif" TARGET="_blank">
<AREA SHAPE="rect" ALT="지기,자매 신청하세요" COORDS="134,313,312,414" HREF="http://myhome.hanafos.com/~promisesr/ask.htm" TARGET="_blank">
</MAP>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
그리구,
저 소스와는 달리,
테이블 사진에 스크롤바를 넣고 내용을 추가 했는데요,
그 소스는 아래입니다-
<html>
<head>
<title>BODY {scrollbar-face-color: #ECE8D9; scrollbar-shadow-color: #ECE8D9; scrollbar-highlight-color: #ECE8D9; scrollbar-3dlight-color:</title>
<meta name="generator" content="Namo WebEditor v4.0(Trial)">
<table cellpadding="0" cellspacing="0" width="680" height="425" background="http://myhome.hanafos.com/~promisesr/springmain.gif">
<tr>
<td width="306" height="32">
<p> </p>
</td>
<td width="33" height="32">
<p> </p>
</td>
<td width="322" height="32">
<p> </p>
</td>
<td width="19" height="32">
<p> </p>
</td>
</tr>
<tr>
<td width="306" height="166">
<p> </p>
</td>
<td width="33" height="166">
<p> </p>
</td>
<td width="322" height="166">
<p><style type="text/css">
BODY
{scrollbar-face-color: #FAF7EB;
scrollbar-shadow-color: #FAF7EB;
scrollbar-highlight-color: #FAF7EB;
scrollbar-3dlight-color: #FAF7EB;
scrollbar-darkshadow-color: #FAF7EB;
scrollbar-track-color: #FAF7EB;
scrollbar-arrow-color: black;}</style>
<head>
<style type="text/css">
#box1 {width:322; height:160; overflow: auto; padding:7px; border:0 solid;}
</style>
</head><div id="box1">
<p><span style="font-size:9pt; letter-spacing:-1px;"><font face="Verdana" color="#B2AD97">
(꼭읽어요) Slave4britney의주요공지사항입니다
<br>(가족친목) Slave4britney가족여러분들친목을다져요
<br>(브릿정보) Britney Spears의앨범정보,최신뉴스
<br>(브릿영상) Britney Spears의다양한동영상
<br>(브릿앨범) Britney의모든음악으로실시간으로듣기
<br>(포토샵픽) 주인장과여러지기님들의포토샵사진
<br>(회원포토) 회원분들께서직접만드신포토샵사진
<br>(캡쳐팬시) 지기님들께서직접하신브릿의캡쳐,팬시
<br>(공식사진) 브릿의파파라치,행사사진,공연사진등
<br>(아트포토) 미국의Beitney의팬들이직접만든포토샵사진
<br>(메거진픽) 미국등,외국에서발행된브릿의잡지스캔
<br>(시상식픽) 미국등,외국에서열린여러시상식참여사진
<br>(필수감상) Slave4britney의모든자료를보신소감
<br>(업로드방) 회원분들께서올려주시는브릿자료
<br>(등급신청) 열심히해서꼭'준회원-우수회원'되세요
<br>
<br>
<br>
<br>
<br>
<br>
<br></font></span>
</div>
</td>
<td width="19" height="166">
<p> </p>
</td>
</tr>
<tr>
<td width="306" height="31">
<p> </p>
</td>
<td width="33" height="31">
<p> </p>
</td>
<td width="322" height="31">
<p> </p>
</td>
<td width="19" height="31">
<p> </p>
</td>
</tr>
<tr>
<td width="306" height="64">
<p><style type="text/css">
BODY
{scrollbar-face-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-track-color: ffffff;
scrollbar-arrow-color: black;}</style>
<head>
<style type="text/css">
#box2 {width:306; height:64; overflow: auto; padding:7px; border:0 solid;}
</style>
</head><div id="box2">
<p align="right"><span style="font-size:9pt; letter-spacing:-1px;"><font face="Verdana" color="#B2AD97">
<br><br><br>
<br>안녕하세요-Slave4britney의지킴이 promise입니다'-'
<br>이번엔한층밝은분위기로리녈했어요
<br>파릇파릇한새싹의느낌이나네요-_-
<br>promise가이번에자랑스런고딩이된답니다
<br>카페관리에소홀하더라도이해해주시구요
<br>앞으로뽑힐다른운영자들의멋진운영을기대해주세요
<br>promise를대신해서많은운영진들과지기님들이
<br>뽑힐예정이구요,회원분들의많은관심부탁드려요-!
<br>브리트니최고의팬카페가되는그날까지
<br>앞으로열심히열심히할게요-
<br>부디탈퇴하지마시구끝까지지켜봐주세요=.=
<br>그럼 promise는이만인사드릴게요-
<br>항상건강하시구,좋은일만있길바랄게요^-^
<br>안녕히계세요-
<br><br><br><br></font></span>
</div>
</td>
<td width="33" height="64">
<p> </p>
</td>
<td width="322" height="64">
<p> </p>
</td>
<td width="19" height="64">
<p> </p>
</td>
</tr>
<tr>
<td width="306">
<p> </p>
</td>
<td width="33">
<p> </p>
</td>
<td width="322">
<p> </p>
</td>
<td width="19">
</td>
</tr>
</table>
<img src="http://myhome.hanafos.com/~promisesr/springamain2.gif"></BODY>
</html>
그러면,
위 두 소스를 함께 사용할수 있는 방법이 있을듯한데요,
제가 어떻게 한다고 했는데,
두 사진이 따로따로 나타나구,
이상하게 되더라구요-
테이블에 부분링크도 되고,
테이블에 스크롤바도 생기도록 어떻게 저 두 소스를 합쳐야 할까요?
좀 가르쳐 주세요-_-==