홈페이지 가운데 정렬에 대해서 문의합니다. 정보
홈페이지 가운데 정렬에 대해서 문의합니다.
본문
해상도를 높히니까 오른쪽정렬이 되는데요.
가운데 정렬하려면 어떻게 해야 하죠.
댓글 전체
가장위에 있는 테이블 그상단에 center 를 주면 되죠 ^^
(ex
<center>
<table...
(ex
<center>
<table...
아래처럼 하였는데요. 홈페이지 본문은 가운데정렬이 되는데 맨위의 상단메뉴(처음으로/로그인/사이트맵)는 홈페이지 범위를 벗어나 오른쪽으로 정렬이 됩니다. 상단메뉴는 홈페이지 범위내에서 오른쪽정렬을 하고 본문은 가운데 정렬을 하고 싶은데 어떻게 할까요?
<div align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 처음으로 버튼 -->
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0"><a href="<?=$g4[path]?>/../index.htm"><span class=small>처음으로</span></a> </td>
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0"><span class=small>로그인</span> </td>
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>사이트맵</span> </td>
<? } else { ?>
<!-- 로그인 이후 -->
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>로그아웃</span></a> </td>
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>사이트맵</span> </td>
<? } ?>
<? if ($member['mb_level'] >= 14) { ?>
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>웹하드</span> </td>
<? } ?>
</tr></table></div>
<div align="center">
<div align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 처음으로 버튼 -->
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0"><a href="<?=$g4[path]?>/../index.htm"><span class=small>처음으로</span></a> </td>
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0"><span class=small>로그인</span> </td>
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>사이트맵</span> </td>
<? } else { ?>
<!-- 로그인 이후 -->
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>로그아웃</span></a> </td>
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>사이트맵</span> </td>
<? } ?>
<? if ($member['mb_level'] >= 14) { ?>
<td><img src="<?=$g4[path]?>/img/list_icon2.gif" align="absmiddle" border="0">"><span class=small>웹하드</span> </td>
<? } ?>
</tr></table></div>
<div align="center">
지금 보니까 테이블이 나눠져있네요
표안에 표넣기로 하셔서 상단메뉴(처음으로/로그인/사이트맵)는 표안에 width값을 지정해서 오른쪽정렬 본문은 센터정렬 하시면 됩니다.
구문을 알려드리면 예를들어 상단메뉴 테이블 폭이 200이라면
<div align="center">
<table width=600 cellapdding=0 cellspacing=0 border=0> <-- 여기서 600은 본문포함 표크기
<tr>
<td align="right">
<table width=200 cellapdding=0 cellspacing=0 border=0> <-- 상단메뉴테이블 폭이 200시
<tr><td></td></tr>
</table>
</td></tr>
<tr>
<td align="center"> <--- "center"라고 안해도 됨 원래 본문포함 표크기가 600이므로
<table width=600 cellapdding=0 cellspacing=0 border=0> <-- 본문표크기
<tr><td></td></tr>
</table>
</td></tr>
</table>
</div>
표안에 표넣기로 하셔서 상단메뉴(처음으로/로그인/사이트맵)는 표안에 width값을 지정해서 오른쪽정렬 본문은 센터정렬 하시면 됩니다.
구문을 알려드리면 예를들어 상단메뉴 테이블 폭이 200이라면
<div align="center">
<table width=600 cellapdding=0 cellspacing=0 border=0> <-- 여기서 600은 본문포함 표크기
<tr>
<td align="right">
<table width=200 cellapdding=0 cellspacing=0 border=0> <-- 상단메뉴테이블 폭이 200시
<tr><td></td></tr>
</table>
</td></tr>
<tr>
<td align="center"> <--- "center"라고 안해도 됨 원래 본문포함 표크기가 600이므로
<table width=600 cellapdding=0 cellspacing=0 border=0> <-- 본문표크기
<tr><td></td></tr>
</table>
</td></tr>
</table>
</div>
