묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
포샵으로 자르기 하고 했는데..배너의 위치가 안맞아요..도와주세여..
2007.03.16 19:22
sealove.pe.kr홈페이지 주소 : sealove.pe.kr
문제점 : 포샵으로 원하는부분잘라서 웹으로 저장해서 나온것으로 홈페이지를 만들었어여...
php로 하나의 메뉴마다 한개의 php로 저장을 했는데.. 고수님들이 보시기에 엉망진창일것입니다.
저한테 우선 급하게 생긴것은 왼쪽부분의 배너가 바로밑에넣어도 2번째 배너는 하단부분으로 내려 가버리고...
배경색에 텍스트로 하면 배경색이 늘어나면서 배너처럼 밑으로 내려 갑니다.
포샵으로 저장하고 나서도 별도로 소스를 수정해야 하는부분이 있는가요?
소스를 보시고 홈페이지를 참고하시어 제발 좀 가르쳐 주시기 바랍니다.
기초가 마니 부족한것 같네여...
많은 가르침 부탁드립니다.
=====소스====
<?
$_zb_url = "http://seaminbak.pe.kr/bbs/";
$_zb_path = "/home/hosting_users/jsh5337/www/bbs/";
include $_zb_path."outlogin.php";
?>
<HTML>
<HEAD>
<TITLE>구룡포 "대구민박" 홈페이지 방문을 환영합니다.</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (sea.psd) -->
<TABLE WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR bgcolor="FFFBE7">
<TD COLSPAN=22> </TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<a href="index.php"><IMG SRC="images/sea_02.gif" ALT="" WIDTH=193 HEIGHT=60 border="0"></a></TD>
<TD bgcolor="FFFBE7"> </TD>
<TD> <IMG SRC="images/sea_04.gif" WIDTH=16 HEIGHT=46 ALT=""></TD>
<TD COLSPAN=2> <a href="index.php"><IMG SRC="images/sea_05.gif" ALT="" WIDTH=91 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=2> <a href="intro.php"><IMG SRC="images/sea_06.gif" ALT="" WIDTH=106 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=2> <a href="board.php"><IMG SRC="images/sea_07.gif" ALT="" WIDTH=90 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=3> <a href="pic.php"><IMG SRC="images/sea_08.gif" ALT="" WIDTH=100 HEIGHT=46 border="0"></a></TD>
<TD> <a href="excellent.php"><IMG SRC="images/sea_09.gif" ALT="" WIDTH=81 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=2> <a href="qna.php"><IMG SRC="images/sea_10.gif" ALT="" WIDTH=77 HEIGHT=46 border="0"></a></TD>
<TD> <a href="tour.php"><IMG SRC="images/sea_11.gif" ALT="" WIDTH=86 HEIGHT=46 border="0"></a></TD>
<TD> <a href="tour1.php"><IMG SRC="images/sea_12.gif" ALT="" WIDTH=90 HEIGHT=46 border="0"></a></TD>
<TD> <IMG SRC="images/sea_13.gif" WIDTH=19 HEIGHT=46 ALT=""></TD>
<TD ROWSPAN=11 bgcolor="FFFBE7"> </TD>
</TR>
<TR>
<TD COLSPAN=17 bgcolor="FFFBE7"> </TD>
</TR>
<TR>
<TD bgcolor="FFFBE7"> </TD>
<TD bgcolor="FFFBE7"><? print_outlogin("default", 1, 10) ?> <div align="right"></div>
<div align="center"></div>
<div align="center"></div>
<div align="right"></div>
<div align="center"></div></TD>
<TD COLSPAN=2 bgcolor="FFFBE7"> </TD>
<TD COLSPAN=17>
<IMG SRC="images/sea_19.gif" WIDTH=780 HEIGHT=200 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5 bgcolor="FFFBE7"> </TD>
<TD align="center" valign="top" bgcolor="FFFBE7"><img src="images/tel.gif" width="165" height="165"></TD>
<TD COLSPAN=2 ROWSPAN=5 bgcolor="FFFBE7"> </TD>
<TD COLSPAN=17 ROWSPAN=5 valign="top" bgcolor="FFFBE7"><table width="770" border="0">
<tr>
<td width="350" valign="top" bgcolor="#FFFBE7"> </td>
<td width="56"> </td>
<td width="350"> </td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFBE7"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFBE7"><? print_bbs("nzeo/bbs_01", "특산품주문", "grp", 5, 25)?></td>
<td> </td>
<td><? print_bbs("nzeo/bbs_02", "민박예약", "order", 5, 25)?></td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFBE7"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFBE7"><? print_bbs("nzeo/bbs_03", "Q & A", "qna", 5, 25)?></td>
<td> </td>
<td><? print_bbs("nzeo/bbs_04", "자유게시판", "board", 5, 25)?></td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFBE7"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFBE7"><?print_gallery("default/gallery_01", "갤러리", "pic", 5, 120, 80, 5)?></td>
<td> </td>
<td> </td>
</tr>
</table></TD>
</TR>
<TR>
<TD align="center" valign="top" bgcolor="FFFBE7"><a href="http://bestscuba.co.kr"><img src="images/bestscuba.gif" width="150" height="50" border="0"></a> </TD>
</TR>
<TR>
<TD height="25" bgcolor="#FFFBE7"><div align="center"></div></TD>
</TR>
<TR>
<TD valign="top" bgcolor="FFFBE7"><div align="center"></div></TD>
</TR>
<TR>
<TD bgcolor="FFFBE7"> </TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=3> <img src="images/sea_28.gif" width=188 height=63 alt=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/sea_29.gif" WIDTH=5 HEIGHT=63 ALT=""></TD>
<TD COLSPAN=17 bgcolor="EFEBD6"> </TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/sea_31.gif" WIDTH=103 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/sea_32.gif" WIDTH=73 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/sea_33.gif" WIDTH=71 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/sea_34.gif" WIDTH=99 HEIGHT=20 ALT=""></TD>
<TD>
<IMG SRC="images/sea_35.gif" WIDTH=67 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/sea_36.gif" WIDTH=106 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=4 bgcolor="EFEBD6"> </TD>
</TR>
<TR>
<TD COLSPAN=17>
<IMG SRC="images/sea_38.gif" WIDTH=781 HEIGHT=34 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=169 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=25 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=16 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=29 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=44 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=81 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=81 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=86 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=90 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
문제점 : 포샵으로 원하는부분잘라서 웹으로 저장해서 나온것으로 홈페이지를 만들었어여...
php로 하나의 메뉴마다 한개의 php로 저장을 했는데.. 고수님들이 보시기에 엉망진창일것입니다.
저한테 우선 급하게 생긴것은 왼쪽부분의 배너가 바로밑에넣어도 2번째 배너는 하단부분으로 내려 가버리고...
배경색에 텍스트로 하면 배경색이 늘어나면서 배너처럼 밑으로 내려 갑니다.
포샵으로 저장하고 나서도 별도로 소스를 수정해야 하는부분이 있는가요?
소스를 보시고 홈페이지를 참고하시어 제발 좀 가르쳐 주시기 바랍니다.
기초가 마니 부족한것 같네여...
많은 가르침 부탁드립니다.
=====소스====
<?
$_zb_url = "http://seaminbak.pe.kr/bbs/";
$_zb_path = "/home/hosting_users/jsh5337/www/bbs/";
include $_zb_path."outlogin.php";
?>
<HTML>
<HEAD>
<TITLE>구룡포 "대구민박" 홈페이지 방문을 환영합니다.</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (sea.psd) -->
<TABLE WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR bgcolor="FFFBE7">
<TD COLSPAN=22> </TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<a href="index.php"><IMG SRC="images/sea_02.gif" ALT="" WIDTH=193 HEIGHT=60 border="0"></a></TD>
<TD bgcolor="FFFBE7"> </TD>
<TD> <IMG SRC="images/sea_04.gif" WIDTH=16 HEIGHT=46 ALT=""></TD>
<TD COLSPAN=2> <a href="index.php"><IMG SRC="images/sea_05.gif" ALT="" WIDTH=91 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=2> <a href="intro.php"><IMG SRC="images/sea_06.gif" ALT="" WIDTH=106 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=2> <a href="board.php"><IMG SRC="images/sea_07.gif" ALT="" WIDTH=90 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=3> <a href="pic.php"><IMG SRC="images/sea_08.gif" ALT="" WIDTH=100 HEIGHT=46 border="0"></a></TD>
<TD> <a href="excellent.php"><IMG SRC="images/sea_09.gif" ALT="" WIDTH=81 HEIGHT=46 border="0"></a></TD>
<TD COLSPAN=2> <a href="qna.php"><IMG SRC="images/sea_10.gif" ALT="" WIDTH=77 HEIGHT=46 border="0"></a></TD>
<TD> <a href="tour.php"><IMG SRC="images/sea_11.gif" ALT="" WIDTH=86 HEIGHT=46 border="0"></a></TD>
<TD> <a href="tour1.php"><IMG SRC="images/sea_12.gif" ALT="" WIDTH=90 HEIGHT=46 border="0"></a></TD>
<TD> <IMG SRC="images/sea_13.gif" WIDTH=19 HEIGHT=46 ALT=""></TD>
<TD ROWSPAN=11 bgcolor="FFFBE7"> </TD>
</TR>
<TR>
<TD COLSPAN=17 bgcolor="FFFBE7"> </TD>
</TR>
<TR>
<TD bgcolor="FFFBE7"> </TD>
<TD bgcolor="FFFBE7"><? print_outlogin("default", 1, 10) ?> <div align="right"></div>
<div align="center"></div>
<div align="center"></div>
<div align="right"></div>
<div align="center"></div></TD>
<TD COLSPAN=2 bgcolor="FFFBE7"> </TD>
<TD COLSPAN=17>
<IMG SRC="images/sea_19.gif" WIDTH=780 HEIGHT=200 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5 bgcolor="FFFBE7"> </TD>
<TD align="center" valign="top" bgcolor="FFFBE7"><img src="images/tel.gif" width="165" height="165"></TD>
<TD COLSPAN=2 ROWSPAN=5 bgcolor="FFFBE7"> </TD>
<TD COLSPAN=17 ROWSPAN=5 valign="top" bgcolor="FFFBE7"><table width="770" border="0">
<tr>
<td width="350" valign="top" bgcolor="#FFFBE7"> </td>
<td width="56"> </td>
<td width="350"> </td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFBE7"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFBE7"><? print_bbs("nzeo/bbs_01", "특산품주문", "grp", 5, 25)?></td>
<td> </td>
<td><? print_bbs("nzeo/bbs_02", "민박예약", "order", 5, 25)?></td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFBE7"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFBE7"><? print_bbs("nzeo/bbs_03", "Q & A", "qna", 5, 25)?></td>
<td> </td>
<td><? print_bbs("nzeo/bbs_04", "자유게시판", "board", 5, 25)?></td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFBE7"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFBE7"><?print_gallery("default/gallery_01", "갤러리", "pic", 5, 120, 80, 5)?></td>
<td> </td>
<td> </td>
</tr>
</table></TD>
</TR>
<TR>
<TD align="center" valign="top" bgcolor="FFFBE7"><a href="http://bestscuba.co.kr"><img src="images/bestscuba.gif" width="150" height="50" border="0"></a> </TD>
</TR>
<TR>
<TD height="25" bgcolor="#FFFBE7"><div align="center"></div></TD>
</TR>
<TR>
<TD valign="top" bgcolor="FFFBE7"><div align="center"></div></TD>
</TR>
<TR>
<TD bgcolor="FFFBE7"> </TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=3> <img src="images/sea_28.gif" width=188 height=63 alt=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/sea_29.gif" WIDTH=5 HEIGHT=63 ALT=""></TD>
<TD COLSPAN=17 bgcolor="EFEBD6"> </TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/sea_31.gif" WIDTH=103 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/sea_32.gif" WIDTH=73 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/sea_33.gif" WIDTH=71 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/sea_34.gif" WIDTH=99 HEIGHT=20 ALT=""></TD>
<TD>
<IMG SRC="images/sea_35.gif" WIDTH=67 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/sea_36.gif" WIDTH=106 HEIGHT=20 ALT=""></TD>
<TD COLSPAN=4 bgcolor="EFEBD6"> </TD>
</TR>
<TR>
<TD COLSPAN=17>
<IMG SRC="images/sea_38.gif" WIDTH=781 HEIGHT=34 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=169 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=25 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=16 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=29 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=44 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=81 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=81 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=86 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=90 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="../images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
다음과 같이 제작되있는거죠?
테이블 ------------
서브매뉴가 들어갈 셀
일명 서브매뉴 테이블
-------------------
매뉴1
-------------------
매뉴2
-------------------
매뉴3
-------------------
-------------------
서브매뉴가 들어갈 셀부분의 속성에서 정렬을 위로 설정해주시면 될듯하네요..^^;;
어려우시다면, 웹에디터를 사용하여 편집하세요.
------------------