묻고답하기
레이아웃을 만들었는데 테이블에 그림이 쳐집니다ㅠ
2009.01.21 21:12
동영상 강의를 보면서 처음으로
테이블로 이루어진 레이아웃 홈페이지를 만들었는데요
본문의 내용이 늘어날때 양쪽의 테이블이 같이 늘어나게 되는데
이때 양쪽의 테이블에 삽입된 이미지가 최상단에 있어야 하는데
밑으로 쳐지고 맙니다ㅠ 어떻게 하면 이미지가 밑으로 쳐지지 않게
할수있을까요?ㅠ 도와주세요!!
사이트 주소입니다..
http://kazzle.mireene.com/zbxe/ (글쓰기 누르면 왼쪽의 그림이 내려가는거 보이시죠?ㅠㅠ)
layout.html 소스입니다----------------------------------------------------------------------------------------
<!--%import("./css/css.css")-->
<table width="973" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" rowspan="3" background="zbxe/layouts/perfect/images/main_9.jpg">
<p><img src="images/main_1_6.jpg" width="200" height="302" border="0" align="top"><img src="images/main_4_3.jpg" width="200" height="400" border="0" align="top" usemap="#Map"></p></td>
<td colspan="3"><img src="zbxe/layouts/perfect/images/main_2.jpg" width="755" height="100" align="top"></td>
<td width="19" rowspan="5" background="zbxe/layouts/perfect/images/main_5.jpg"> </td>
</tr>
<tr>
<td width="20"><img src="zbxe/layouts/perfect/images/main_3.jpg" width="20" height="20"></td>
<td width="714" background="zbxe/layouts/perfect/images/main_8.jpg"> </td>
<td width="20"><img src="zbxe/layouts/perfect/images/main_3_2.jpg" width="20" height="20"></td>
</tr>
<tr>
<td background="zbxe/layouts/perfect/images/main_8.jpg"> </td>
<td bgcolor="#FFFFFF">{$content}</td>
<td background="zbxe/layouts/perfect/images/main_8.jpg"> </td>
</tr>
<tr>
<td rowspan="2" background="zbxe/layouts/perfect/images/main_9.jpg"> </td>
<td height="20"><img src="zbxe/layouts/perfect/images/main_3_3.jpg" width="20" height="20"></td>
<td background="zbxe/layouts/perfect/images/main_8.jpg"> </td>
<td><img src="zbxe/layouts/perfect/images/main_3_4.jpg" width="20" height="20"></td>
</tr>
<tr>
<td colspan="3" background="zbxe/layouts/perfect/images/main_7.jpg"> </td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="92,5,186,31" href="/zbxe/?mid=notice">
<area shape="rect" coords="76,42,188,68" href="/zbxe/?mid=survice">
<area shape="rect" coords="76,78,186,105" href="/zbxe/?mid=introduce">
<area shape="rect" coords="76,116,187,142" href="/zbxe/?mid=price">
<area shape="rect" coords="78,155,185,179" href="/zbxe/?mid=area">
<area shape="rect" coords="72,191,183,218" href="/zbxe/?mid=cleaning">
<area shape="rect" coords="47,228,188,256" href="/zbxe/?mid=standard">
<area shape="rect" coords="48,266,188,293" href="/zbxe/?mid=control">
<area shape="rect" coords="78,304,186,330" href="/zbxe/?mid=question">
<area shape="rect" coords="50,342,193,368" href="/zbxe/?mid=online">
</map>
댓글 11
-
만쓰별(정만)
2009.01.21 21:42
ㅋㅋ 살표보도록 하죠.. 빈 공백 문제인가요? -
만쓰별(정만)
2009.01.21 21:43
ㅎㅎ 제가 돌아왔습니다. .... -
kazzle
2009.01.21 21:43
네ㅠㅠㅠㅠ 왼쪽에 (배경색들어간)빈공백이생겨요! ㅠ -
만쓰별(정만)
2009.01.21 21:44
네번째 줄에 <p> 가 있네여... 지우세요.. -
만쓰별(정만)
2009.01.21 21:45
<P></p> 지우시는게.. ㅋㅋ -
kazzle
2009.01.21 21:46
아 감사합니다! 근데 지웠는데도 이러네요 ㅠㅠ -
만쓰별(정만)
2009.01.21 21:49
<td width="200" background="zbxe/layouts/perfect/images/main_9.jpg" rowspan="3"><img height="302" width="200" border="0" align="top" src="/layouts/perfect/images/main_1_6.jpg"/><img height="400" width="200" border="0" align="top" src="/layouts/perfect/images/main_4_3.jpg" usemap="#Map"/></td>
이미지태그를 다닥 다닥 붙이세요.. 전 이정도까지의 조언만 가능합니다. ㅋㅋ 가장 빠른 해결책이죠..
냐하하.. 오늘의 일과를 시작해볼까나... -
kazzle
2009.01.21 21:50
정말 !! 감사합니다 !! 수정해볼께요 ㅎㅎㅎ -
kazzle
2009.01.21 21:54
그래두 안되네요 ㅠㅠㅠㅠ 흐억.. 어떻게 해야하는거지.. -
우리아기
2009.01.21 22:23
<img src="images/main_1_6.jpg" width="200" height="302" border="0">
<img src="images/main_4_3.jpg" width="200" height="400" border="0" usemap="#Map">
를<img src="images/main_1_6.jpg" width="200" height="302" border="0"align="top">
<img src="images/main_4_3.jpg" width="200" height="400" border="0" align="top" usemap="#Map">
로 고처 보세요 -
kazzle
2009.01.21 22:46
아 정말 감사합니다!!!!!! 드디어 해결됬어요 ㅠㅠㅠㅠㅠㅠ 정말 감사합니다!!