묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
제로보드 게시판에 레이아웃을 상하단 나누려고 하는데요.
2004.09.12 12:01
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.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) {
home_over = newImage("images/home-over.gif");
services_over = newImage("images/services-over.gif");
careers_over = newImage("images/careers-over.gif");
contact_over = newImage("images/contact-over.gif");
preloadFlag = true;
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
partners_over = newImage("images/partners-over.gif");
products_over = newImage("images/products-over.gif");
stores_over = newImage("images/stores-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (index.psd - Slices: 13, careers, contact, flow, home, left_1, left_2, main_1, main_2, services, spacer_line) -->
<table width="776" height="601" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<!--DWLayoutTable-->
<A HREF="#"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=183 HEIGHT=35 BORDER=0 ALT="company"></A>
<A HREF="#"
ONMOUSEOVER="window.status='partners'; changeImages('partners', 'images/partners-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('partners', 'images/partners.gif'); return true;">
<IMG NAME="partners" SRC="images/partners.gif" WIDTH=184 HEIGHT=35 BORDER=0 ALT="partners"></A>
<A HREF="#"
ONMOUSEOVER="window.status='products'; changeImages('products', 'images/products-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('products', 'images/products.gif'); return true;">
<IMG NAME="products" SRC="images/products.gif" WIDTH=186 HEIGHT=35 BORDER=0 ALT="products"></A>
<A HREF="#"
ONMOUSEOVER="window.status='stores'; changeImages('stores', 'images/stores-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('stores', 'images/stores.gif'); return true;">
<IMG NAME="stores" SRC="images/stores.gif" WIDTH=197 HEIGHT=35 BORDER=0 ALT="stores"></A>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=35 ALT="">
<tr>
<td colspan="5">
<img src="images/main_1.gif" width="775" height="109" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="109" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/main_2.gif" width="775" height="106" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="106" alt=""></td>
</tr>
<tr>
<td height="46" colspan="2">
<a href="#"
onmouseover="changeImages('home', 'images/home-over.gif'); return true;"
onmouseout="changeImages('home', 'images/home.gif'); return true;"
onmousedown="changeImages('home', 'images/home-over.gif'); return true;"
onmouseup="changeImages('+ '+ 'home', 'images/home-over.gif'); return true;">
<img name="home" src="images/home.gif" width="181" height="46" border="0" alt="Home"></a></td>
<td rowspan="5">
<img src="images/flow.gif" width="153" height="338" alt=""></td>
<td width="427" rowspan="5" valign="top"><p>
여기가 게시판이 들어갈 자리인데여..
</p></td>
<td width="14" rowspan="5"> </td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="#"
onmouseover="changeImages('services', 'images/services-over.gif'); return true;"
onmouseout="changeImages('services', 'images/services.gif'); return true;"
onmousedown="changeImages('services', 'images/services-over.gif'); return true;"
onmouseup="changeImages('services', 'images/services-over.gif'); return true;">
<img name="services" src="images/services.gif" width="181" height="38" border="0" alt="Services"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="#"
onmouseover="changeImages('careers', 'images/careers-over.gif'); return true;"
onmouseout="changeImages('careers', 'images/careers.gif'); return true;"
onmousedown="changeImages('careers', 'images/careers-over.gif'); return true;"
onmouseup="changeImages('careers', 'images/careers-over.gif'); return true;">
<img name="careers" src="images/careers.gif" width="181" height="38" border="0" alt="Careers"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="#"
onmouseover="changeImages('contact', 'images/contact-over.gif'); return true;"
onmouseout="changeImages('contact', 'images/contact.gif'); return true;"
onmousedown="changeImages('contact', 'images/contact-over.gif'); return true;"
onmouseup="changeImages('contact', 'images/contact-over.gif'); return true;">
<img name="contact" src="images/contact.gif" width="181" height="38" border="0" alt="Contact"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/left_1.gif" width="181" height="189" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="178" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/spacer_line.gif" width="580" height="19" alt=""></td>
<td rowspan="3">
</td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/left_2.gif" width="120" height="36" alt=""></td>
<td width="61">
<img src="images/index_13.gif" width="61" height="8" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td height="28" colspan="3" align="center" valign="middle"><a href="#">Home</a>
| <a href="#">Services</a> | <a href="#">Careers</a> | <a href="#">Contact
Us</a> © Copyright Your Company Name. Designed
by <a href="" target="_blank"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="120" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="153" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="427" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
흠...
제로보드 게시판에 레이아웃을 상하단 나누려고 하는데요.
어디를 짤라야 하는지 모르겠네요...
어디를 짤라야 제대로 나올수 있을 지 고수분들이 소스좀 보시고 잘라주세요...;;
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.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) {
home_over = newImage("images/home-over.gif");
services_over = newImage("images/services-over.gif");
careers_over = newImage("images/careers-over.gif");
contact_over = newImage("images/contact-over.gif");
preloadFlag = true;
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
partners_over = newImage("images/partners-over.gif");
products_over = newImage("images/products-over.gif");
stores_over = newImage("images/stores-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (index.psd - Slices: 13, careers, contact, flow, home, left_1, left_2, main_1, main_2, services, spacer_line) -->
<table width="776" height="601" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<!--DWLayoutTable-->
<A HREF="#"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=183 HEIGHT=35 BORDER=0 ALT="company"></A>
<A HREF="#"
ONMOUSEOVER="window.status='partners'; changeImages('partners', 'images/partners-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('partners', 'images/partners.gif'); return true;">
<IMG NAME="partners" SRC="images/partners.gif" WIDTH=184 HEIGHT=35 BORDER=0 ALT="partners"></A>
<A HREF="#"
ONMOUSEOVER="window.status='products'; changeImages('products', 'images/products-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('products', 'images/products.gif'); return true;">
<IMG NAME="products" SRC="images/products.gif" WIDTH=186 HEIGHT=35 BORDER=0 ALT="products"></A>
<A HREF="#"
ONMOUSEOVER="window.status='stores'; changeImages('stores', 'images/stores-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('stores', 'images/stores.gif'); return true;">
<IMG NAME="stores" SRC="images/stores.gif" WIDTH=197 HEIGHT=35 BORDER=0 ALT="stores"></A>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=35 ALT="">
<tr>
<td colspan="5">
<img src="images/main_1.gif" width="775" height="109" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="109" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/main_2.gif" width="775" height="106" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="106" alt=""></td>
</tr>
<tr>
<td height="46" colspan="2">
<a href="#"
onmouseover="changeImages('home', 'images/home-over.gif'); return true;"
onmouseout="changeImages('home', 'images/home.gif'); return true;"
onmousedown="changeImages('home', 'images/home-over.gif'); return true;"
onmouseup="changeImages('+ '+ 'home', 'images/home-over.gif'); return true;">
<img name="home" src="images/home.gif" width="181" height="46" border="0" alt="Home"></a></td>
<td rowspan="5">
<img src="images/flow.gif" width="153" height="338" alt=""></td>
<td width="427" rowspan="5" valign="top"><p>
여기가 게시판이 들어갈 자리인데여..
</p></td>
<td width="14" rowspan="5"> </td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="#"
onmouseover="changeImages('services', 'images/services-over.gif'); return true;"
onmouseout="changeImages('services', 'images/services.gif'); return true;"
onmousedown="changeImages('services', 'images/services-over.gif'); return true;"
onmouseup="changeImages('services', 'images/services-over.gif'); return true;">
<img name="services" src="images/services.gif" width="181" height="38" border="0" alt="Services"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="#"
onmouseover="changeImages('careers', 'images/careers-over.gif'); return true;"
onmouseout="changeImages('careers', 'images/careers.gif'); return true;"
onmousedown="changeImages('careers', 'images/careers-over.gif'); return true;"
onmouseup="changeImages('careers', 'images/careers-over.gif'); return true;">
<img name="careers" src="images/careers.gif" width="181" height="38" border="0" alt="Careers"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="#"
onmouseover="changeImages('contact', 'images/contact-over.gif'); return true;"
onmouseout="changeImages('contact', 'images/contact.gif'); return true;"
onmousedown="changeImages('contact', 'images/contact-over.gif'); return true;"
onmouseup="changeImages('contact', 'images/contact-over.gif'); return true;">
<img name="contact" src="images/contact.gif" width="181" height="38" border="0" alt="Contact"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/left_1.gif" width="181" height="189" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="178" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/spacer_line.gif" width="580" height="19" alt=""></td>
<td rowspan="3">
</td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/left_2.gif" width="120" height="36" alt=""></td>
<td width="61">
<img src="images/index_13.gif" width="61" height="8" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td height="28" colspan="3" align="center" valign="middle"><a href="#">Home</a>
| <a href="#">Services</a> | <a href="#">Careers</a> | <a href="#">Contact
Us</a> © Copyright Your Company Name. Designed
by <a href="" target="_blank"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="120" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="153" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="427" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
흠...
제로보드 게시판에 레이아웃을 상하단 나누려고 하는데요.
어디를 짤라야 하는지 모르겠네요...
어디를 짤라야 제대로 나올수 있을 지 고수분들이 소스좀 보시고 잘라주세요...;;