head와tail 질문드립니다.
head,tail 이렇게 나누어서 게시판에 적용했는데
게시판 내용이 적을경우 이미지1번과같이 출력되는데여
게시판 내용이 많을경우 이미지2번과 같이 출력되는데
(메뉴마다 잘라놓은 부분) 내용이 많아지면 좌측메뉴들이
딸아서 같이 내려오는데 안내려오게 하는 방법좀 부탁드립니다.
수고하시고 감사합니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
valign=top를 추가 하시면 됩니다.
<head>
<title>커뮤니티</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<!-- ImageReady Preload Script (커뮤니티.psd) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
community_08_Over = newImage("imagesco/community_08-Over.gif");
community_09_Over = newImage("imagesco/community_09-Over.gif");
community_10_Over = newImage("imagesco/community_10-Over.gif");
community_11_Over = newImage("imagesco/community_11-Over.gif");
community_12_Over = newImage("imagesco/community_12-Over.gif");
community_19_Over = newImage("imagesco/community_19-Over.gif");
community_21_Over = newImage("imagesco/community_21-Over.gif");
community_22_Over = newImage("imagesco/community_22-Over.gif");
community_24_Over = newImage("imagesco/community_24-Over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (커뮤니티.psd) -->
<table id="__01" width="1025" height="1001" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15" valign="top">
<img src="imagesco/community_01.gif" width="1024" height="14" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="3" valign="top">
<img src="imagesco/community_02.gif" width="27" height="132" alt=""></td>
<td colspan="3" rowspan="3" valign="top">
<a href="http://www.topiarec.com" target="_parent">
<img src="imagesco/community_03.gif" width="178" height="132" border="0" alt=""></a></td>
<td colspan="2" rowspan="3" valign="top">
<img src="imagesco/community_04.gif" width="49" height="132" alt=""></td>
<td colspan="5" valign="top">
<img src="imagesco/community_05.gif" width="511" height="23" alt=""></td>
<td colspan="2" rowspan="3" valign="top">
<img src="imagesco/community_06.gif" width="65" height="132" alt=""></td>
<td colspan="2" rowspan="3" valign="top">
<img src="imagesco/community_07.gif" width="194" height="132" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_08', 'imagesco/community_08-Over.gif'); return true;"
onmouseout="changeImages('community_08', 'imagesco/community_08.gif'); return true;"
onmousedown="changeImages('community_08', 'imagesco/community_08-Over.gif'); return true;"
onmouseup="changeImages('community_08', 'imagesco/community_08-Over.gif'); return true;">
<img name="community_08" src="imagesco/community_08.gif" width="82" height="54" border="0" alt=""></a></td>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_09', 'imagesco/community_09-Over.gif'); return true;"
onmouseout="changeImages('community_09', 'imagesco/community_09.gif'); return true;"
onmousedown="changeImages('community_09', 'imagesco/community_09-Over.gif'); return true;"
onmouseup="changeImages('community_09', 'imagesco/community_09-Over.gif'); return true;">
<img name="community_09" src="imagesco/community_09.gif" width="99" height="54" border="0" alt=""></a></td>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_10', 'imagesco/community_10-Over.gif'); return true;"
onmouseout="changeImages('community_10', 'imagesco/community_10.gif'); return true;"
onmousedown="changeImages('community_10', 'imagesco/community_10-Over.gif'); return true;"
onmouseup="changeImages('community_10', 'imagesco/community_10-Over.gif'); return true;">
<img name="community_10" src="imagesco/community_10.gif" width="97" height="54" border="0" alt=""></a></td>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_11', 'imagesco/community_11-Over.gif'); return true;"
onmouseout="changeImages('community_11', 'imagesco/community_11.gif'); return true;"
onmousedown="changeImages('community_11', 'imagesco/community_11-Over.gif'); return true;"
onmouseup="changeImages('community_11', 'imagesco/community_11-Over.gif'); return true;">
<img name="community_11" src="imagesco/community_11.gif" width="142" height="54" border="0" alt=""></a></td>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_12', 'imagesco/community_12-Over.gif'); return true;"
onmouseout="changeImages('community_12', 'imagesco/community_12.gif'); return true;"
onmousedown="changeImages('community_12', 'imagesco/community_12-Over.gif'); return true;"
onmouseup="changeImages('community_12', 'imagesco/community_12-Over.gif'); return true;">
<img name="community_12" src="imagesco/community_12.gif" width="91" height="54" border="0" alt=""></a></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="54" alt=""></td>
</tr>
<tr>
<td colspan="5" valign="top">
<img src="imagesco/community_13.gif" width="511" height="55" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="55" alt=""></td>
</tr>
<tr>
<td colspan="4" valign="top">
<table id="__02" width="205" height="63" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<img src="imagesco/community_14.gif" width="205" height="63" alt=""></td>
</tr>
</table></td>
<td colspan="9" rowspan="4" valign="top">
<img src="imagesco/community_15.gif" width="625" height="147" alt=""></td>
<td rowspan="13" valign="top">
<img src="imagesco/community_16.gif" width="193" height="750" alt=""></td>
<td rowspan="13">
<img src="imagesco/community_17.gif" width="1" height="750" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="11" valign="top">
<img src="imagesco/community_18.gif" width="43" height="216" alt=""></td>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_19', 'imagesco/community_19-Over.gif'); return true;"
onmouseout="changeImages('community_19', 'imagesco/community_19.gif'); return true;"
onmousedown="changeImages('community_19', 'imagesco/community_19-Over.gif'); return true;"
onmouseup="changeImages('community_19', 'imagesco/community_19-Over.gif'); return true;">
<img name="community_19" src="imagesco/community_19.gif" width="149" height="34" border="0" alt=""></a></td>
<td rowspan="11" valign="top">
<img src="imagesco/community_20.gif" width="13" height="216" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_21', 'imagesco/community_21-Over.gif'); return true;"
onmouseout="changeImages('community_21', 'imagesco/community_21.gif'); return true;"
onmousedown="changeImages('community_21', 'imagesco/community_21-Over.gif'); return true;"
onmouseup="changeImages('community_21', 'imagesco/community_21-Over.gif'); return true;">
<img name="community_21" src="imagesco/community_21.gif" width="149" height="27" border="0" alt=""></a></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="2" valign="top">
<a href="#"
onmouseover="changeImages('community_22', 'imagesco/community_22-Over.gif'); return true;"
onmouseout="changeImages('community_22', 'imagesco/community_22.gif'); return true;"
onmousedown="changeImages('community_22', 'imagesco/community_22-Over.gif'); return true;"
onmouseup="changeImages('community_22', 'imagesco/community_22-Over.gif'); return true;">
<img name="community_22" src="imagesco/community_22.gif" width="149" height="26" border="0" alt=""></a></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="3" valign="top">
<img src="imagesco/community_23.gif" width="625" height="47" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td valign="top">
<a href="#"
onmouseover="changeImages('community_24', 'imagesco/community_24-Over.gif'); return true;"
onmouseout="changeImages('community_24', 'imagesco/community_24.gif'); return true;"
onmousedown="changeImages('community_24', 'imagesco/community_24-Over.gif'); return true;"
onmouseup="changeImages('community_24', 'imagesco/community_24-Over.gif'); return true;">
<img name="community_24" src="imagesco/community_24.gif" width="149" height="26" border="0" alt=""></a></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td rowspan="2" valign="top">
<img src="imagesco/community_25.gif" width="149" height="25" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td rowspan="6" valign="top">
<img src="imagesco/community_26.gif" width="15" height="556" alt=""></td>
<td colspan="7" rowspan="6" valign="top">
여기까지가 head이고
</td>
<td rowspan="6" valign="top">
<img src="imagesco/community_28.gif" width="10" height="556" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td valign="top">
<img src="imagesco/community_29.gif" width="149" height="23" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td valign="top">
<img src="imagesco/community_30.gif" width="149" height="23" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td valign="top">
<img src="imagesco/community_31.gif" width="149" height="22" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td valign="top">
<img src="imagesco/community_32.gif" width="149" height="10" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="4" valign="top">
<img src="imagesco/community_33.gif" width="205" height="471" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="471" alt=""></td>
</tr>
<tr>
<td colspan="15" valign="top">
<img src="imagesco/community_34.gif" width="1024" height="104" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="104" alt=""></td>
</tr>
<tr>
<td>
<img src="imagesco/Spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="149" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="99" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="142" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="91" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="55" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="193" height="1" alt=""></td>
<td>
<img src="imagesco/Spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
여기가 tail 입니다.
부탁드립니다
왼쪽 메뉴 전체를 테이블로 한번 더 감싸 보세요.
추가 정보: 홈페이지 주소