묻고답하기
"링크관련" 세시간동안 고생하다고 포기,, 고수님들의 도움이 절실합니다 ㅠ_
2005.07.20 00:04
웹스터디, 웹디자인, 포토샵코너에서 태민닷컴님의 " 포샵/나모로 홈피 만들기 제 1장 "를 보고
제 나름대로 구상을 해서 홈페이지 대문만들기에 착수했습니다,
포샵으로 하나의 이미지를 잘라서 서로 다른 링크를 건 대문, 이라는 생각이였는데요,
http://graylethe.namoweb.net/1.jpg
이겁니다, 근데 문제는,, 하나하나에 링크를 걸면
http://graylethe.namoweb.net/2.jpg
이렇게 링크를 걸은 조각조각 쪼개져버린다는 겁니다 ㅠ_,
초보가 세시간동안 투자해서(거의 이미지를 빈티지틱하게 만드는거였지만,,) 고민고민 하다가 결국 포기하고
고수님들께 도움을 요청합니다,
어찌해야 할까요 ㅠ_,,,,
링크를 걸었을떄의 소스입니다,
링크는 그냥 1과 2로 걸었습니다,,
<HTML>
<HEAD>
<TITLE>Untitled-3</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {text-decoration:none}
-->
</style>
<script language="javascript">
<!--
function allblur() {
for (i = 0; i < document.links.length; i++)
document.links[i].onfocus = document.links[i].blur;
}
//-->
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 text="white" link="white" vlink="white" alink="white">
<p align="right"><!-- ImageReady Slices (Untitled-3) -->
</p>
<div align="right">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<TABLE WIDTH=407 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
<p align="right"><IMG SRC="images/2_01.jpg" WIDTH=407 HEIGHT=9 ALT=""></p>
</TD>
</TR>
<TR>
<TD ROWSPAN=4>
<p align="right"><IMG SRC="images/2_02.jpg" WIDTH=8 HEIGHT=249 ALT=""></p>
</TD>
<TD COLSPAN=3>
<p align="right"><a href="2"><IMG SRC="images/2_03.jpg" WIDTH=345 HEIGHT=16 ALT=""></a></p>
</TD>
<TD ROWSPAN=4 align="right" valign="bottom">
<p align="right"><IMG SRC="images/2_04.jpg" WIDTH=54 HEIGHT=249 ALT=""></p>
</TD>
</TR>
<TR>
<TD ROWSPAN=2 align="right" valign="bottom">
<p align="right"><a href="2"><IMG SRC="images/2_05.jpg" WIDTH=251 HEIGHT=208 ALT="" border="0" vspace="0" hspace="0"></a></p>
</TD>
<TD>
<p align="right"><a href="1"><IMG SRC="images/2_06.jpg" WIDTH=87 HEIGHT=76 ALT=""></a></p>
</TD>
<TD ROWSPAN=2>
<p align="right"><IMG SRC="images/2_07.jpg" WIDTH=7 HEIGHT=208 ALT=""></p>
</TD>
</TR>
<TR>
<TD>
<p align="right"><a href="2"><IMG SRC="images/2_08.jpg" WIDTH=87 HEIGHT=132 ALT=""></a></p>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="right"><IMG SRC="images/2_09.jpg" WIDTH=345 HEIGHT=25 ALT=""></p>
</TD>
</TR>
</TABLE>
</div>
<p align="right"><!-- End ImageReady Slices -->
</p>
</BODY>
</HTML>
제 나름대로 구상을 해서 홈페이지 대문만들기에 착수했습니다,
포샵으로 하나의 이미지를 잘라서 서로 다른 링크를 건 대문, 이라는 생각이였는데요,
http://graylethe.namoweb.net/1.jpg
이겁니다, 근데 문제는,, 하나하나에 링크를 걸면
http://graylethe.namoweb.net/2.jpg
이렇게 링크를 걸은 조각조각 쪼개져버린다는 겁니다 ㅠ_,
초보가 세시간동안 투자해서(거의 이미지를 빈티지틱하게 만드는거였지만,,) 고민고민 하다가 결국 포기하고
고수님들께 도움을 요청합니다,
어찌해야 할까요 ㅠ_,,,,
링크를 걸었을떄의 소스입니다,
링크는 그냥 1과 2로 걸었습니다,,
<HTML>
<HEAD>
<TITLE>Untitled-3</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {text-decoration:none}
-->
</style>
<script language="javascript">
<!--
function allblur() {
for (i = 0; i < document.links.length; i++)
document.links[i].onfocus = document.links[i].blur;
}
//-->
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 text="white" link="white" vlink="white" alink="white">
<p align="right"><!-- ImageReady Slices (Untitled-3) -->
</p>
<div align="right">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<TABLE WIDTH=407 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
<p align="right"><IMG SRC="images/2_01.jpg" WIDTH=407 HEIGHT=9 ALT=""></p>
</TD>
</TR>
<TR>
<TD ROWSPAN=4>
<p align="right"><IMG SRC="images/2_02.jpg" WIDTH=8 HEIGHT=249 ALT=""></p>
</TD>
<TD COLSPAN=3>
<p align="right"><a href="2"><IMG SRC="images/2_03.jpg" WIDTH=345 HEIGHT=16 ALT=""></a></p>
</TD>
<TD ROWSPAN=4 align="right" valign="bottom">
<p align="right"><IMG SRC="images/2_04.jpg" WIDTH=54 HEIGHT=249 ALT=""></p>
</TD>
</TR>
<TR>
<TD ROWSPAN=2 align="right" valign="bottom">
<p align="right"><a href="2"><IMG SRC="images/2_05.jpg" WIDTH=251 HEIGHT=208 ALT="" border="0" vspace="0" hspace="0"></a></p>
</TD>
<TD>
<p align="right"><a href="1"><IMG SRC="images/2_06.jpg" WIDTH=87 HEIGHT=76 ALT=""></a></p>
</TD>
<TD ROWSPAN=2>
<p align="right"><IMG SRC="images/2_07.jpg" WIDTH=7 HEIGHT=208 ALT=""></p>
</TD>
</TR>
<TR>
<TD>
<p align="right"><a href="2"><IMG SRC="images/2_08.jpg" WIDTH=87 HEIGHT=132 ALT=""></a></p>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="right"><IMG SRC="images/2_09.jpg" WIDTH=345 HEIGHT=25 ALT=""></p>
</TD>
</TR>
</TABLE>
</div>
<p align="right"><!-- End ImageReady Slices -->
</p>
</BODY>
</HTML>
댓글 6
-
잡담 // -_-;; 테이블을 손수 하나 만들어보시는 건?.. 않될리가요.. -_-;;
-
한장의잎
2005.07.20 01:59
잡담//
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {text-decoration:none}
-->
</style>
에
img {border: 0}
한번 추가해보세요. -
김준식
2005.07.20 09:36
<p align="right"></p>
삭제 -
강석희
2005.07.20 10:48
img {border: 0}를 추가하니까 안깨지는군요 ㅠ_ㅠ
한장의잎님 정말 감사합니다 ㅠ_
꼬리달아주신분들 감사해요!! -
김준식
2005.07.21 06:03
<p> 테크를 이용한 정렬보다는 직접 <td> 안에 넣어주시는것이 좋습니다. -
워니
2005.07.22 02:02
조각조각 나누는 것 보다는 통째로 묶은 다음에 Image Map을 쓰시는 건 어떤가요?
