html 소스관련 질문좀 드립니다.
본문
아래 소스에서요 빨간형광펜 부분을 가운데로 센타로 자리잡을려고 하는데요 센타로 안가고 화면 왼쪽에 딱 붙어서 꼼짝을
안하네요 다른거 만지면 width="100%" 하면 중앙에 정열은 되는데요 메뉴가 양옆으로 일정한 간격으로 흩어져요
고수님들 답변좀 부탁합니다. "수고하세요"
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'tumenu_01_01.gif', 'tumenu_02_02.gif', 'tumenu_03_03.gif', 'tumenu_04_04.gif', 'tumenu_05_05.gif', 'tumenu_06_06.gif');">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="center" valign="top">
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td align="center" width="720" colspan="8"><img src="tutop.gif" align="center" width="200" height="64" border="0"></td>
</tr>
<tr align="center" width="720" height="50" valign="middle" bgcolor="black">
<td align="center" valign="middle" height="50"> </td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true);">
</a><a href="tumenu01.html" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true)" target="_self">
<img src="tumenu_01.gif" width="120" height="50" border="0" name="image1"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true);">
</a><a href="tumenu.02.htm" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true)" target="_self"><img src="tumenu_02.gif" width="120" height="50" border="0" name="image2"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true);">
</a><a href="tumenu.03.htm" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true)" target="_self">
<img src="tumenu_03.gif" width="120" height="50" border="0" name="image3"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true);">
</a><a href="tumenu.04.htm" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true)" target="_self">
<img src="tumenu_04.gif" width="120" height="50" border="0" name="image4"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true);">
</a><a href="tumenu.05.htm" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true)" target="_self">
<img src="tumenu_05.gif" width="120" height="50" border="0" name="image5"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true);">
</a><a href="tumenu.06.htm" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true)" target="_self">
<img src="tumenu_06.gif" width="120" height="50" border="0" name="image6"></a></td>
<td align="center" valign="middle" height="50"> </td>
</tr>
<tr>
<td align="center" colspan="8" width="720"><img align="center" src="tumenu_01_01_01.gif" width="720" height="500" border="0"></td>
</tr>
<tr>
<td colspan="8" align="center" valign="top"><STRONG class="foot"></STRONG>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="center" valign="top">
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td align="center" width="720" colspan="8"><img src="tutop.gif" align="center" width="200" height="64" border="0"></td>
</tr>
<tr align="center" width="720" height="50" valign="middle" bgcolor="black">
<td align="center" valign="middle" height="50"> </td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true);">
</a><a href="tumenu01.html" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true)" target="_self">
<img src="tumenu_01.gif" width="120" height="50" border="0" name="image1"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true);">
</a><a href="tumenu.02.htm" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true)" target="_self"><img src="tumenu_02.gif" width="120" height="50" border="0" name="image2"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true);">
</a><a href="tumenu.03.htm" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true)" target="_self">
<img src="tumenu_03.gif" width="120" height="50" border="0" name="image3"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true);">
</a><a href="tumenu.04.htm" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true)" target="_self">
<img src="tumenu_04.gif" width="120" height="50" border="0" name="image4"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true);">
</a><a href="tumenu.05.htm" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true)" target="_self">
<img src="tumenu_05.gif" width="120" height="50" border="0" name="image5"></a></td>
<td width="120" align="center" valign="middle"><a href="#" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true);">
</a><a href="tumenu.06.htm" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true)" target="_self">
<img src="tumenu_06.gif" width="120" height="50" border="0" name="image6"></a></td>
<td align="center" valign="middle" height="50"> </td>
</tr>
<tr>
<td align="center" colspan="8" width="720"><img align="center" src="tumenu_01_01_01.gif" width="720" height="500" border="0"></td>
</tr>
<tr>
<td colspan="8" align="center" valign="top"><STRONG class="foot"></STRONG>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
답변 4
colspan="8" 이걸 빼세요......
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" onLoad="na_preload_img(false, 'tumenu_01_01.gif', 'tumenu_02_02.gif', 'tumenu_03_03.gif', 'tumenu_04_04.gif', 'tumenu_05_05.gif', 'tumenu_06_06.gif');">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top">
<center>
<div style="clear:both; width:720px;height:64px;">
<img src="tutop.gif" align="center" width="200" height="64" border="0">
</div>
<div style="clear:both; width:720px;height:50px;">
<a href="#" onMouseOut="na_restore_img_src('image1', 'document')" onMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true);">
</a><a href="tumenu01.html" onMouseOut="na_restore_img_src('image1', 'document')" onMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true)" target="_self">
<img src="tumenu_01.gif" width="120" height="50" border="0" name="image1"></a><a href="#" onMouseOut="na_restore_img_src('image2', 'document')" onMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true);"></a><a href="tumenu.02.htm" onMouseOut="na_restore_img_src('image2', 'document')" onMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true)" target="_self"><img src="tumenu_02.gif" width="120" height="50" border="0" name="image2"></a><a href="#" onMouseOut="na_restore_img_src('image3', 'document')" onMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true);"></a><a href="tumenu.03.htm" onMouseOut="na_restore_img_src('image3', 'document')" onMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true)" target="_self"><img src="tumenu_03.gif" width="120" height="50" border="0" name="image3"></a><a href="#" onMouseOut="na_restore_img_src('image4', 'document')" onMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true);"></a><a href="tumenu.04.htm" onMouseOut="na_restore_img_src('image4', 'document')" onMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true)" target="_self"><img src="tumenu_04.gif" width="120" height="50" border="0" name="image4"></a><a href="#" onMouseOut="na_restore_img_src('image5', 'document')" onMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true);"></a><a href="tumenu.05.htm" onMouseOut="na_restore_img_src('image5', 'document')" onMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true)" target="_self"><img src="tumenu_05.gif" width="120" height="50" border="0" name="image5"></a><a href="#" onMouseOut="na_restore_img_src('image6', 'document')" onMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true);"></a><a href="tumenu.06.htm" onMouseOut="na_restore_img_src('image6', 'document')" onMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true)" target="_self"><img src="tumenu_06.gif" width="120" height="50" border="0" name="image6"></a>
</div>
<div style="clear:both; width:720px;height:500px;">
<img align="center" src="tumenu_01_01_01.gif" width="720" height="500" border="0">
</div>
</center>
</td>
</tr>
</table>
</body>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top">
<center>
<div style="clear:both; width:720px;height:64px;">
<img src="tutop.gif" align="center" width="200" height="64" border="0">
</div>
<div style="clear:both; width:720px;height:50px;">
<a href="#" onMouseOut="na_restore_img_src('image1', 'document')" onMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true);">
</a><a href="tumenu01.html" onMouseOut="na_restore_img_src('image1', 'document')" onMouseOver="na_change_img_src('image1', 'document', 'tumenu_01_01.gif', true)" target="_self">
<img src="tumenu_01.gif" width="120" height="50" border="0" name="image1"></a><a href="#" onMouseOut="na_restore_img_src('image2', 'document')" onMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true);"></a><a href="tumenu.02.htm" onMouseOut="na_restore_img_src('image2', 'document')" onMouseOver="na_change_img_src('image2', 'document', 'tumenu_02_02.gif', true)" target="_self"><img src="tumenu_02.gif" width="120" height="50" border="0" name="image2"></a><a href="#" onMouseOut="na_restore_img_src('image3', 'document')" onMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true);"></a><a href="tumenu.03.htm" onMouseOut="na_restore_img_src('image3', 'document')" onMouseOver="na_change_img_src('image3', 'document', 'tumenu_03_03.gif', true)" target="_self"><img src="tumenu_03.gif" width="120" height="50" border="0" name="image3"></a><a href="#" onMouseOut="na_restore_img_src('image4', 'document')" onMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true);"></a><a href="tumenu.04.htm" onMouseOut="na_restore_img_src('image4', 'document')" onMouseOver="na_change_img_src('image4', 'document', 'tumenu_04_04.gif', true)" target="_self"><img src="tumenu_04.gif" width="120" height="50" border="0" name="image4"></a><a href="#" onMouseOut="na_restore_img_src('image5', 'document')" onMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true);"></a><a href="tumenu.05.htm" onMouseOut="na_restore_img_src('image5', 'document')" onMouseOver="na_change_img_src('image5', 'document', 'tumenu_05_05.gif', true)" target="_self"><img src="tumenu_05.gif" width="120" height="50" border="0" name="image5"></a><a href="#" onMouseOut="na_restore_img_src('image6', 'document')" onMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true);"></a><a href="tumenu.06.htm" onMouseOut="na_restore_img_src('image6', 'document')" onMouseOver="na_change_img_src('image6', 'document', 'tumenu_06_06.gif', true)" target="_self"><img src="tumenu_06.gif" width="120" height="50" border="0" name="image6"></a>
</div>
<div style="clear:both; width:720px;height:500px;">
<img align="center" src="tumenu_01_01_01.gif" width="720" height="500" border="0">
</div>
</center>
</td>
</tr>
</table>
</body>
테이블로 짜는것보단 css를 공부해보세요..........
많은 도움이 되었습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.