노프레임 메뉴부분 고정 질문드립니다(파일첨부) 정보
노프레임 메뉴부분 고정 질문드립니다(파일첨부)본문
이런식으로 노프레임홈페이지를 구성했습니다 그런데(밑에 문제의소스임)
빈공간부분도 valign="top" 카피라이더부분도 valign="top" 넣었습니다 게시판 부분도 valign="top"
이미지부분에도 valign="top" 로그인부분만 넣지않았습니다
그런데 밑에 소스처럼 넣은후에 메뉴2 버튼부분링크를 걸어서 클릭해보면
이미지가 밑에 그림처럼나옵니다..
왜이러는걸까요 분명 메뉴2부분에 valign="top" 넣었는데도 이러는이유가 뭔지 모르겠습니다
밑에소스중에 valign="top" 색부분이 추가한부분입니다
<html>
<head>
<title>index2</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 (index2.psd) -->
<table id="Table_01" width="981" height="701" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="/images1/index2_01.gif" width="11" height="50" alt="" border="0"></td>
<td colspan="2">
<img src="/images1/index2_02.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_03.gif" width="6" height="50" alt="" border="0"></td>
<td colspan="3">
<img src="/images1/index2_04.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_05.gif" width="6" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_06.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_07.gif" width="6" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_08.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_09.gif" width="6" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_10.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_11.gif" width="6" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_12.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_13.gif" width="6" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_14.gif" width="105" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_15.gif" width="5" height="50" alt="" border="0"></td>
<td>
<img src="/images1/index2_16.gif" width="193" height="50" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="50" alt="" border="0"></td>
</tr>
<tr>
<td colspan="6" background="/images1/index2_17.gif" width="200" height="190" alt="" border="0"><p align="center"><?=outlogin("hlogin");// 외부 로그인 ?></td>
<td colspan="13" rowspan="2" valign="top">
<img src="/images1/index2_18.gif" width="780" height="200" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="190" alt="" border="0"></td>
</tr>
<tr>
<td colspan="6" rowspan="2" valign="top">
<img src="/images1/index2_19.gif" width="200" height="45" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="10" alt="" border="0"></td>
</tr>
<tr>
<td colspan="13" rowspan="20" valign="top" background="/images1/index2_20.gif" width="780" height="402" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="35" alt="" border="0"></td>
</tr>
<tr>
<td colspan="2" rowspan="18">
<img src="/images1/index2_21.gif" width="62" height="258" alt="" border="0"></td>
<td colspan="3" valign="top">
<img src="/images1/index2_22.gif" width="70" height="20" alt="" border="0"></td>
<td rowspan="18" valign="top">
<img src="/images1/index2_23.gif" width="68" height="258" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_24.gif" width="70" height="6" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="6" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_25.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_26.gif" width="70" height="6" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="6" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_26-28.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_28.gif" width="70" height="6" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="6" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_28-30.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_30.gif" width="70" height="6" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="6" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_31.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_32.gif" width="70" height="7" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="7" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_33.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_34.gif" width="70" height="6" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="6" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_35.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_36.gif" width="70" height="7" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="7" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_36-38.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_38.gif" width="70" height="5" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_39.gif" width="70" height="20" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="20" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="top">
<img src="/images1/index2_40.gif" width="70" height="29" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="29" alt="" border="0"></td>
</tr>
<tr>
<td colspan="6" background="/images1/index2_41.gif" width="200" height="109" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="109" alt="" border="0"></td>
</tr>
<tr>
<td colspan="19" valign="top">
<img src="/images1/index2_42.gif" width="980" height="48" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="1" height="48" alt="" border="0"></td>
</tr>
<tr>
<td>
<img src="/images1/spacer.gif" width="11" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="51" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="54" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="6" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="10" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="68" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="27" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="6" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="105" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="6" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="105" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="6" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="105" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="6" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="105" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="6" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="105" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="5" height="1" alt="" border="0"></td>
<td>
<img src="/images1/spacer.gif" width="193" height="1" alt="" border="0"></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
댓글 전체
문제의 요지를 봐서는 어림짐작으로 이렇게 해보라는 말씀만 드립니다
<td>
<img src...........></td>
위와 같이 줄바꿈 한 것과
<td><img src...></td>
이렇게한 것은 미묘한 차이가 있습니다
그림과 같이 많은 이미지를 상하좌우로 삽입하는 경우 많은 테이블과 더불어 전체의 테이블 자체도 수정을 해야 이미지가 밀리지 않을 듯합니다.
우선은 "Table_01" 에 관한 css 소스도 올려주시면 도움이 될 듯합니다.