Meu menu é no mesmo estilo do site Plugmasters (http://www.plugmasters.com.br/) porém a página da Plugmasters está alinhada à esquerda e a minha está centralizada o que causa desalhinhamento do menu quando redimenciono a janela. Gostaria muito de resolver este dilema.
Obs: Segue código fonte:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Meu site</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="765" border="0" align= "center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3" align="left"><link href="estilo.css" rel="stylesheet" type="text/css">
<script language=javascript src="menu.js"></script>
<script>
//Menu
var yPosition = 36;
new yp("mn1", "down", 120, yPosition, 206, 530)
new yp("mn2", "down", 273, yPosition, 206, 430)
new yp("mn3", "down", 427, yPosition, 206, 330)
new yp("mn4", "down", 581, yPosition, 206, 230)
new yp("mn5", "down", 735, yPosition, 206, 130)
</script><A onMouseOver="yp.showMenu('mn1');" onMouseOut="yp.hideMenu('mn1');" href="#"><img src="menu/menu1.jpg" width="154" height="18" border="0"></a><A onMouseOver="yp.showMenu('mn2');" onMouseOut="yp.hideMenu('mn2');" href="#"><img src="menu/menu2.jpg" width="154" height="18" border="0"></a><A onMouseOver="yp.showMenu('mn3');" onMouseOut="yp.hideMenu('mn3');" href="#"><img src="menu/menu3.jpg" width="154" height="18" border="0"></a><A onMouseOver="yp.showMenu('mn4');" onMouseOut="yp.hideMenu('mn4');" href="#"><img src="menu/menu4.jpg" width="154" height="18" border="0"></a><A onMouseOver="yp.showMenu('mn5');" onMouseOut="yp.hideMenu('mn5');" href="#"><img src="menu/menu5.jpg" width="148" height="18" border="0"></a>
<!-- Menu 1-->
<div id=mn1Ct>
<div id=mn1Ctt>
<table width=152 border=0 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=#cccccc height=0></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn1')" onMouseOut="yp.hideMenu('mn1')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 1_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn1')" onMouseOut="yp.hideMenu('mn1')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 1_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn1')" onMouseOut="yp.hideMenu('mn1')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 1_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn1')" onMouseOut="yp.hideMenu('mn1')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 1_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn1')" onMouseOut="yp.hideMenu('mn1')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 1_</a></td>
</tr>
</table></div>
</div>
<!-- Menu 2 -->
<div id=mn2Ct>
<div id=mn2Ctt>
<table width=153 border=0 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=#cccccc height=0></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn2')" onMouseOut="yp.hideMenu('mn2')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 2_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn2')" onMouseOut="yp.hideMenu('mn2')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 2_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn2')" onMouseOut="yp.hideMenu('mn2')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 2_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn2')" onMouseOut="yp.hideMenu('mn2')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 2_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn2')" onMouseOut="yp.hideMenu('mn2')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 2_</a></td>
</tr>
</table></div></div>
<!-- Menu 3 -->
<div id=mn3Ct>
<div id=mn3Ctt>
<table width=153 border=0 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=#cccccc height=0></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn3')" onMouseOut="yp.hideMenu('mn3')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 3_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn3')" onMouseOut="yp.hideMenu('mn3')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 3_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn3')" onMouseOut="yp.hideMenu('mn3')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 3_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn3')" onMouseOut="yp.hideMenu('mn3')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 3_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn3')" onMouseOut="yp.hideMenu('mn3')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 3_</a></td>
</tr>
</table></div></div>
<!-- Menu 4 -->
<div id=mn4Ct>
<div id=mn4Ctt>
<table width=153 border=0 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=#cccccc height=0></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn4')" onMouseOut="yp.hideMenu('mn4')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 4_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn4')" onMouseOut="yp.hideMenu('mn4')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 4_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn4')" onMouseOut="yp.hideMenu('mn4')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 4_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn4')" onMouseOut="yp.hideMenu('mn4')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 4_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn4')" onMouseOut="yp.hideMenu('mn4')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 4_</a></td>
</tr>
</table></div></div>
<!-- Menu 5 -->
<div id=mn5Ct>
<div id=mn5Ctt>
<table width=148 border=0 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=#cccccc height=0></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn5')" onMouseOut="yp.hideMenu('mn5')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 5_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn5')" onMouseOut="yp.hideMenu('mn5')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 5_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn5')" onMouseOut="yp.hideMenu('mn5')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 5_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn5')" onMouseOut="yp.hideMenu('mn5')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 5_</a></td>
</tr>
<tr>
<td onMouseOver="yp.showMenu('mn5')" onMouseOut="yp.hideMenu('mn5')"><a class=rm href="http://www.gabrielal...es.com.br">Menu 5_</a></td>
</tr>
</table></div>
</div></td>
</tr>
<tr>
<td width="243"> </td>
<td width="309"> </td>
<td width="213"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html>