아래 포토샵관련 질문 올린 초보(?) 입니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

아래 포토샵관련 질문 올린 초보(?) 입니다. 정보

아래 포토샵관련 질문 올린 초보(?) 입니다.

본문

어찌어찌해서 올렸습니다, 그림에서 동그라미친 부분이 틀어진 문제와 가운데 본문의 폭이 head, tail의 범위를 침범(?)하는것 같은데 이걸 어떻게 잡아야하나요? 두번째 링크로 들어가보시면 게시판들은 제대로 자리를 잡고 있습니다만...

lay.jpg
head.php
 
<?
if (!defined("_GNUBOARD_")) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// »ç¿ëÀÚ È­¸é »ó´Ü°ú ÁÂÃøÀ» ´ã´çÇÏ´Â ÆäÀÌÁöÀÔ´Ï´Ù.
// »ó´Ü, ÁÂÃø È­¸éÀ» ²Ù¹Ì·Á¸é ÀÌ ÆÄÀÏÀ» ¼öÁ¤ÇÕ´Ï´Ù.
$table_width = 1001;
?>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0">
<!-- ImageReady Slices (layout1.psd) -->
<table id="Table_01" width="1001" height="403" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_01.gif" width="189" height="69" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_02.gif" width="112" height="69" alt=""></td>
    <td colspan="2"> <a href="http://printer.skynet.co.kr"><img src="/img/layout1_03.gif" alt="" width="111" height="26" border="0"></a></td>
    <td colspan="3"> <img src="/img/layout1_04.gif" width="77" height="26" alt=""></td>
    <td> <a href="/bbs/board.php?bo_table=board"><img src="/img/layout1_05.gif" alt="" width="82" height="26" border="0"></a></td>
    <td colspan="2"> <a href="/bbs/board.php?bo_table=notice"><img src="/img/layout1_06.gif" alt="" width="112" height="26" border="0"></a></td>
    <td colspan="4"> <img src="/img/layout1_07.gif" width="317" height="26" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="26" alt=""></td>
  </tr>
  <tr>
    <td colspan="8"> <img src="/img/layout1_08.gif" width="382" height="43" alt=""></td>
    <td colspan="4"> <img src="/img/layout1_09.gif" width="317" height="43" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="43" alt=""></td>
  </tr>
  <tr>
    <td colspan="2"> <img src="/img/layout1_10.gif" width="189" height="67" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_11.gif" width="112" height="67" alt=""></td>
    <td colspan="3"> <img src="/img/layout1_12.gif" width="154" height="67" alt=""></td>
    <td colspan="8"> <img src="/img/layout1_13.gif" width="391" height="67" alt=""></td>
    <td> <img src="/img/layout1_14.gif" width="154" height="67" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="67" alt=""></td>
  </tr>
  <tr>
    <td colspan="2"> <img src="/img/layout1_15.gif" width="189" height="80" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_16.gif" width="112" height="80" alt=""></td>
    <td colspan="3"> <img src="/img/layout1_17.gif" width="154" height="80" alt=""></td>
    <td colspan="6"> <img src="/img/layout1_18.gif" width="283" height="80" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_19.gif" width="108" height="80" alt=""></td>
    <td> <img src="/img/layout1_20.gif" width="154" height="80" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="80" alt=""></td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_21.gif" width="189" height="58" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_22.gif" width="112" height="22" alt=""></td>
    <td colspan="3"> <img src="/img/layout1_23.gif" width="154" height="22" alt=""></td>
    <td colspan="6"> <img src="/img/layout1_24.gif" width="283" height="22" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_25.gif" width="108" height="22" alt=""></td>
    <td> <img src="/img/layout1_26.gif" width="154" height="22" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="22" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/layout1_27.gif" width="22" height="36" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_28.gif" width="147" height="56" alt=""></td>
    <td colspan="3" rowspan="2"> <img src="/img/layout1_29.gif" width="127" height="56" alt=""></td>
    <td colspan="3" rowspan="2"> <img src="/img/layout1_30.gif" width="124" height="56" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_31.gif" width="129" height="56" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_32.gif" width="108" height="56" alt=""></td>
    <td rowspan="2"> <img src="/img/layout1_33.gif" width="154" height="56" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="36" alt=""></td>
  </tr>
  <tr>
    <td rowspan="3"> <img src="/img/layout1_34.gif" width="56" height="106" alt="2222"></td>
    <td colspan="2" rowspan="4"> <img src="/img/layout1_35.gif" width="155" height="128" alt="11111"></td> ----> 이 부분이 동그라미친 이미지
    <td> <img src="/img/spacer.gif" width="1" height="20" alt=""></td>
  </tr>
  <tr>
    <td colspan="11" rowspan="3"> <img src="/img/layout1_36.gif" width="616" height="108" alt=""></td>
    <td colspan="2" rowspan="2"> <img src="/img/layout1_37.gif" width="173" height="86" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="50" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/spacer.gif" width="1" height="36" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/layout1_40.gif" width="56" height="22" alt=""></td>
    <td colspan="2"> <img src="/img/layout1_43.gif" width="173" height="22" alt=""></td>
    <td> <img src="/img/spacer.gif" width="1" height="22" alt=""></td>
  </tr>
  <tr>
    <td> <img src="/img/spacer.gif" width="56" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="133" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="22" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="90" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="57" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="54" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="43" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="30" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="4" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="82" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="38" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="74" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="55" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="89" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="19" height="1" alt=""></td>
    <td> <img src="/img/spacer.gif" width="154" height="1" alt=""></td>
    <td></td>
  </tr>
</table>
<style type="text/css">
#middiv {
 width:<?=$table_width?>px;
 position:relative;
 margin:0px auto;
    vertical-align:top;
    float:left;
}
#middiv #mleft  { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- End ImageReady Slices -->
<table width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
<tr>
  <td width=43></td>
  <!-- ¿ÞÂÊ ¸Þ´º -->
  <td width=220 valign=top>  </td>
  <td width=18></td>
  <!-- Áß°£ -->
  <td width=683 valign=top>
 
tail.php
 
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 사용자 화면 우측과 하단을 담당하는 페이지입니다.
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?>
</td>
<td width=220></td>
</tr></table>
<!-- End ImageReady Slices -->
<div style='height:5px;'></div>
<div style="clear:both;"></div>
<!-- 카피라이트 시작 -->
<div style='float:left;'>
<table width="<?=$table_width?>" border="0" cellspacing="10" cellpadding="10">
<tr>
    <td valign="top" background="<?=$g4[path]?>/img/copyright.gif"><a href="#g4_head"><img src="<?=$g4[path]?>/img/icon.gif" width="15" height="12" border="0"></a><font color="#848484">Copyright ⓒ your-domain. All rights reserved.</font></td>
</tr>
</table>
</div>
<!-- 카피라이트 끝 -->
<?
include_once("$g4[path]/tail.sub.php");
?>
 
index.php
 
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$g4[title] = "에너지, 환경 전문기업 (주)에너그린입니다.";
include_once("./_head.php");
?>
<!-- 메인화면 최신글 시작 -->
<table width="100%" cellpadding=0 cellspacing=0>
  <tr>
    <td width="50%" height="18" valign=top>
 <?
//  최신글
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
    // 사용방법
    // latest(스킨, 게시판아이디, 출력라인, 글자수);
    echo latest("sygnus_bubble", $row[bo_table], 4, 70, "4,25");
    echo "<p>\n";
}
?>
</td>
    <td width="50%" valign=top> <div align="right"><img src="img/1116_14.gif" width="288" height="291"></div></td></tr>
  <tr>
    <td><div align="center"><img src="img/1116_16.gif" width="400" height="162"></div></td>
    <td>
      <div align="center"><img src="img/1116_16.gif" width="400" height="162"></div></td></tr>
</table>
<!-- 메인화면 최신글 끝 -->
</td>
<?    
include_once("./_tail.php");
?>
  • 복사

댓글 전체

싱글하트 홈페이지 자기소개 아이디로 검색 회원게시물 06.04.27 16:43:11
우선 메인쪽 서브메뉴 위치와 배너 위치가 깨지는 것은 http://printer.skynet.co.kr/img/1116_16.gif 이미지를 두개를 옆으로 붙이셨는데 이 이미지의 폭이 내부 표의 폭보다 커서 그렇습니다.
또한 http://printer.skynet.co.kr/img/1116_14.gif 이 이미지와 공지사항 합한 폭도 내부 표의 폭보다 커서 그렇구요.

전체적으로 내부 (게시판이 나오는 폭)가 600 정도 인거 같은데 그렇다면 공지사항폭과 옆의 이미지 폭을 줄여서 내부 표의 폭으로 맞춰야 합니다.
하단 이미지 두개도 마찬가지구요.

상단 이미지 깨지는 것은 이미지를 잘못 쪼갠거 같은데요.
그쪽은 저도 정확한 판단이 안됩니다.
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로