중앙정렬 > 그누4 질문답변

그누4 질문답변

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

중앙정렬 정보

중앙정렬

본문

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td></td>
    <td align="center" valign="top">
<!-------------★★main★★--------------->

<table width="1017" border="0" align="center" cellpadding="0" cellspacing="0">
  <center><tr>
    <td width="750" rowspan="3" align="center" valign="top">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="S3_T_GATE" width="750" height="330" align="middle" id="S3_T_GATE2">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="movie" value="flash/S3_T_GATE.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#ffffff" />
      <param name="wmode" value="transparent" />
      <embed src="flash/S3_T_GATE.swf" width="750" height="330" align="middle" quality="high" bgcolor="#ffffff" name="S3_T_GATE" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></embed>
    </object></td>
    <td width="220" height="110" align="center" valign="top"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=HOT"><img src="img/KT.jpg" width="100%" height="100" /></a></td>
    </tr>
  <tr>
    <td width="220" height="110" align="center" valign="top"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=HOT"><img src="img/GONGSIK.jpg" width="100%" height="100" /></a></td>
  </tr>
  <tr>
    <td width="220" height="118" align="center" valign="top"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=HOT"><img src="img/KT.jpg" width="100%" height="100" /></a></td>
  </tr></center>
</table>
<br />
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"><img src="<?=$g4['path']?>/img/main_title_sk.jpg" width="1000" height="51" border="0" usemap="#maintitle_01" /></td>
  </tr>
  <tr>
    <td height="20" align="left" valign="top"></td>
  </tr>
  <tr>
    <td align="left" valign="top"><?=latest('la_gallery','sk_number',5,120)?></td>
  </tr>
</table>
<br />
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"><img src="<?=$g4['path']?>/img/main_title_lg.jpg" width="1000" height="43" border="0" usemap="#maintitle_02" /></td>
  </tr>
  <tr>
    <td height="20" align="left" valign="top"></td>
  </tr>
  <tr>
    <td align="left" valign="top"><?=latest('la_gallery','sk_new',5,120)?></td>
  </tr>
</table>
<br />
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"><img src="<?=$g4['path']?>/img/main_title_kt.jpg" width="1000" height="44" border="0" usemap="#maintitle_03" /></td>
  </tr>
  <tr>
    <td height="20" align="left" valign="top"></td>
  </tr>
  <tr>
    <td align="left" valign="top"><?=latest('la_gallery','sk_gibyun',5,120)?></td>
  </tr>
</table>
<br />

<map name="maintitle_03" id="maintitle_03">
  <area shape="rect" coords="926,18,996,37" href="<?=$g4['path']?>/bbs/board.php?bo_table=sk_gibyun" target="_self" alt="전체보기" onfocus="this.blur()"/>
</map>
<map name="maintitle_02" id="maintitle_02">
  <area shape="rect" coords="925,17,996,37" href="<?=$g4['path']?>/bbs/board.php?bo_table=sk_new" target="_self" alt="전체보기" onfocus="this.blur()"/>
</map>

<map name="board_counsel" id="board_counsel">
  <area shape="rect" coords="299,6,341,20" href="<?=$g4['path']?>/bbs/board.php?bo_table=inquire" target="_self" alt="고객센터 더보기" onfocus="this.blur()"/>
</map>

<map name="board_notice" id="board_notice">
  <area shape="rect" coords="298,5,339,22" href="<?=$g4['path']?>/bbs/board.php?bo_table=notice" target="_self" alt="공지사항 더보기" onfocus="this.blur()"/>
</map>

<map name="maintitle_01" id="maintitle_01">
  <area shape="rect" coords="927,23,996,43" href="<?=$g4['path']?>/bbs/board.php?bo_table=sk_number" target="_self" alt="전체보기" onfocus="this.blur()"/>
</map>
<!-------------★★//main★★--------------->   
    </td>
    <td width="10" style='padding-left:10;'></td>
    <td align="left" valign="top"><?include_once("./include/quickmenu.php");?></td>
  </tr>
</table>
 

 

홈피 전체적으로 바꾸고있는데 메인페이지가..ㅠㅠ

테이블안에 추가테이블이고 플래시하고+그림 몇장 넣었는데

이게 자꾸 왼쪽으로 밀려요 짜증나게 ㅠ_ㅠ............중앙정렬 들어가있는데

됐다가 안됐다가 하거든요? 완벽하게 고정하는거 없나요-0-

검색해 보니까 CSS(?) 로 div 넣으면 된다는데 무슨말인지.. 초짜라...완전 어려워요...ㅠㅠ
  • 복사

댓글 전체

간단하게 설명드리면 소스 제일 앞에 아래처럼 <div align=center>이라고 넣어 주세요.

<div align=center>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td></td>
    <td align="center" valign="top">
<!-------------★★main★★--------------->

그리고 하단 제일 밑에 아래처럼 </div> 라고 넣어 주세요.

<!-------------★★//main★★--------------->   
    </td>
    <td width="10" style='padding-left:10;'></td>
    <td align="left" valign="top"><?include_once("./include/quickmenu.php");?></td>
  </tr>
</table>
</div>

그런데 소스를 보니 전체 <table width=1000.........> 이라고 지정해 놓고
아래에 보면 <table width=1017.........> 로 되어 있고
그 아래 width를 합해 보면 1017 이 훨씬 넘어 버리고............
이렇게 하면 아무리 정렬을 시켜도 잘 안됩니다.

테이블의 폭을 1000 으로 지정했으면 그 아래의 모든 요소들이 이 폭에 맞도록 해야 합니다.
소스 처음부터 하나 하나 살펴 보세요.
표의 전체 넓이와  셀의 넓이가 안맞아서 오류가 나는거 아닌가요?

전체 넓이가 1017인데 셀넓이가 잘못된거 같아요.
750x220이 아니라 786x231같은데요.
그래서 겉으로 보면 플래시가 들어가 있는 셀이 플래시보다 넓게 보이지만 플래시넓이가 750이라
왼쪽에 밀려서 셀에 꽉차는거 같아요. 중간정렬할 공간이 없어보이는데요.

위에
<td width="750" rowspan="3" align="center" valign="top">
여기를 786으로

그아래쪽 "220" 3군데는 "231"로 수정해보세요.
© SIRSOFT
현재 페이지 제일 처음으로