Ir para conteúdo
Fórum Script Brasil
  • 0

problema com menu horizontal

ju_rezende

Perguntado por ju_rezende,

 Share

Pergunta

ju_rezende

ju_rezende

Postado
Postado

Olá pessoal fiz um menu horizontal e depois usei o include para inserir nas minhas páginas, porém estou com problemas, quando testo ele sozinho funciona perfeitamente, mas quando inclui ele na´página fica horrível, tanto no ie6 quanto no fire

vou colocar o codigo css e depois incluo o link para visualização

css.css

* {
margin:0;
padding:0;
}
#menu ul{list-style:none;}
#menu ul li {display:inline;}
#menu ul li a{
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    background:#5B5B5B;
    float:left;
    padding:2px 12px;
    margin-left:2px;
    margin-top:2px;
    
    }
#menu ul li a:hover{
    color:#000000;
    background:#FFC616;
}
#menu1 ul{list-style:none;}
#menu1 ul li {display:inline;}
#menu1 ul li a{
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    background:#5B5B5B;
    float:left;
    padding:2px 23px;
    margin-left:2px;
    margin-top:2px;
    }
#menu1 ul li a:hover{
    color:#000000;
    background:#FFC616;
}
Agora a pagina que contém os botões 
<table width="633" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
<div id="menu">
    <ul>
                <li id="home"><a href="index.htm" >Home</a></li>
                <li id="servicos"><a href="servicos.htm" >Serviços</a></li>
                <li id="empresa"><a href="empresa.htm" >A Empresa</a></li>
                <li id="contato"><a href="contato.htm" >Contato</a></li>
                <li id="galeria"><a href="galeria.htm" >Galeria de Fotos</a></li>
                <li id="noticias"><a href="noticias.htm" >Noticia</a></li>
                <li id="comprar"><a href="comprar.htm" >Comprar</a></li>
                <li id="formas"><a href="formas.htm" >Formas de Pagamento</a></li>
    </ul>
</div>    </td>
  </tr>
  <tr>
    <td align="center">
<div id="menu1">
    <ul>
                <li id="home"><a href="index.htm" >Minha Conta</a></li>
                <li id="servicos"><a href="servicos.htm" >Ajuda</a></li>
                <li id="empresa"><a href="empresa.htm" >Entrega e Frete </a></li>
                <li id="contato"><a href="contato.htm" >Privacidade e Seguran&ccedil;a </span></a></li>
                <li id="galeria"><a href="galeria.htm" >Parcerias e An&uacute;ncios </a></li>
    </ul>
</div>    </td>
  </tr>
</table>
a pagina que contem o include 
<table id="menu" width="633" height="44" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="633" height="22" alt="">
                                                <!--#include file="BotoesTopo.asp"-->
    </td>
    </tr>
</table>

link do menu funcionando perfeitamente

link do menu funcionando errado

Desde já grata pela atenção de todos e grande abraço

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
KaKarotto

KaKarotto

Postado
Postado

Usar o include não altera em nada o layout Ju. Está esquecendo de incluir algo ou está incluindo no lugar errado.

Desenvolvendo o site em tabelas hein...ai ai ai.

Link para o comentário
Compartilhar em outros sites
  • 0
KaKarotto

KaKarotto

Postado
Postado

Então juliana, desenvolver em tabelas é um saco por causa disso, é difícil contornar um problema quando surge entende? A manutenção é embaçada, mas eu entendo sua pressa.

Olha, como aparece pra mim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:: Carbonic Fitness ::</title>
<head>
<base href="http://www.carbonic.com.br/" />


<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e6e6e6;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D5D5D;
	font-weight: bold;
	padding-bottom:3px

}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8F0600;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}
.style8 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.style15 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5d5d;
}
.style16 {
	color: #8F0600;
	font-weight: bold;
}
.style17 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000066; }
.style19 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #999999; }


* {
margin:0;
padding:0;
}
#menu ul{list-style:none;}
#menu ul li {display:inline;}
#menu ul li a{
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    background:#5B5B5B;
    float:left;
    padding:2px 12px;
    margin-left:2px;
    margin-top:2px;

    }
#menu ul li a:hover{
    color:#000000;
    background:#FFC616;
}
#menu1 ul{list-style:none;}
#menu1 ul li {display:inline;}
#menu1 ul li a{
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    background:#5B5B5B;
    float:left;
    padding:2px 23px;
    margin-left:2px;
    margin-top:2px;
    }
#menu1 ul li a:hover{
    color:#000000;
    background:#FFC616;
}

-->
</style>
</head>

<body>
<table width="1008" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="geral"  >

  <tr>
    <td width="9" background="images/borda_esq.gif"></td>
    <td width="990">
<table id="geral-base" width="990" height="1200" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="990" height="125" background="images/bg_topo_01.gif" alt="">
<!-- inicio do topo-um -->
<table id="topo_geral" width="990" height="125" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="202" height="125" alt=""><img src="images/logo.jpg" alt="" width="202" height="125" /></td>

		<td width="633" height="125" alt="">
<!-- incio do topo dos menus -->
<table  width="633" height="125" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="633" height="80" alt="">
			<!-- Banner -->
			<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style><table  width="633" height="80" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="12" height="80" alt=""></td>

		<td width="468" height="80" alt="">
<table width="468" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="468" height="10"></td>
          </tr>
          <tr>
            <td width="468" height="60">

				<img src="../topo/Home/meio1.gif" />



			</td>

          </tr>
          <tr>
            <td width="468" height="10"></td>
          </tr>
</table>
		</td>
		<td width="153" height="80" alt=""><img src="images/0800.jpg" alt="" width="153" height="80" /></td>
	</tr>
</table>

			<!-- fim Banner -->
        </td>
	</tr>
	<tr>
		<td width="633" height="45" alt="">
			<!-- inicio dos botoes do menu -->
			<table id="menu" width="633" height="44" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td width="633" height="22" alt="">

						<!-- inicio botoes de cima -->
						<link href="css.css" rel="stylesheet" type="text/css" />

<table width="633" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
<div id="menu">
	<ul>
	            <li id="home"><a href="default.asp" >Home</a></li>
                <li id="servicos"><a href="servicos.asp" >Serviços</a></li>

                <li id="empresa"><a href="empresa.asp" >A Empresa</a></li>
                <li id="contato"><a href="contato.asp" >Contato</a></li>
                <li id="galeria"><a href="galeriaFotos.asp" >Galeria de Fotos</a></li>
                <li id="noticias"><a href="noticias.asp" >Noticia</a></li>
                <li id="comprar"><a href="ComoComprar.asp" >Comprar</a></li>
                <li id="formas"><a href="Formapagamento.asp" >Formas de Pagamento</a></li>

	</ul>
</div>	
</td>
  </tr>
  <tr>
    <td align="center">
<div id="menu1">
	<ul>
	            <li id="home"><a href="minhaConta.asp" >Minha Conta</a></li>
                <li id="servicos"><a href="Ajuda.asp" >Ajuda</a></li>

                <li id="empresa"><a href="Entregafrete.asp" >Entrega e Frete </a></li>
                <li id="contato"><a href="PrivacidadeSeguranca.asp" >Privacidade e Seguran&ccedil;a </span></a></li>
                <li id="galeria"><a href="galeria.htm" >Parcerias e An&uacute;ncios </a></li>
	</ul>
</div>	
</td>
  </tr>

</table>


						<!-- fim botoes de baixo -->
					</td>
				</tr>
			</table>
			<!-- fim dos botoes do menu -->
        </td>
	</tr>

</table>
<!-- fim do topo dos menus -->
        </td>
		<td width="155" height="125" alt="">
			<!-- iicio do topo-um carrinho de compra -->
			<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8F0600;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

-->
</style><table id="topo01_03" width="155" height="125" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="155" height="38" background="images/topo01_03_01.jpg" alt=""></td>
	</tr>

	<tr>
		<td width="155" height="54" alt="">
<table id="topo01_031" width="155" height="54" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td><img src="images/topo01_031_01.jpg" width="55" height="27" alt=""></td>
		<td width="73" height="27" bgcolor="#FFFFFF" alt=""><span class="style7">02 itens</span></td>
		<td><img src="images/topo01_031_03.jpg" width="27" height="27" alt=""></td>
	</tr>
	<tr>

		<td><img src="images/topo01_031_04.jpg" width="55" height="27" alt=""></td>
		<td width="73" height="27" bgcolor="#E1E1E1" alt=""><span class="style5">00,00</span></td>
		<td><img src="images/topo01_031_06.jpg" width="27" height="27" alt=""></td>
	</tr>
</table>
        </td>
	</tr>
	<td width="155" height="33" alt=""><img src="images/topo01_03_04.jpg" alt="" width="155" height="33" /></td>
	</tr>

</table>

			<!-- fim do topo-um carrinho de compra -->
        </td>
	</tr>
</table>
<!-- fim do topo-um -->
        </td>
	</tr>
	<tr>
		<td width="990" height="58" alt="">

			<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style><table id="topo-dois" width="990" height="58" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="990" height="28" background="images/bg_lista_01.gif" alt=""></td>
	</tr>
    <tr>
		<td width="990" height="2" ></td>
	</tr>
	<tr>

		<td width="990" height="28" background="images/bg_lista_03.gif" alt=""></td>
	</tr>
    <tr>
		<td width="990" height="4" bgcolor="#ffffff" alt=""></td>
	</tr>
</table>

        </td>
	</tr>
	<tr>

		<td width="990" height="903" alt="">
<table id="conteudo-geral" width="990" height="903" border="0" cellpadding="0" cellspacing="0">
	<tr>
    	<td width="3" height="903" alt=""></td>
		<td width="194" height="903" alt="" valign="top">
<table id="cont-col-um" width="194"  border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="194" alt="" valign="top">
			<!-- começo do menu de produtos -->	
			<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->

</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
<table id="col-um-prod" width="194" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="194" height="43" alt=""><img src="images/tit_protudo.jpg" alt="" /></td>
	</tr>
    <!--topo prdutos -->
	<tr>
		<td width="194"  valign="bottom"  alt="">

				 <div id="menu">

				  <a href="produto.asp?codigo=8&categoria=Acessórios" ><img src="images/transp.gif" width="15" height="1"/ border="0">Acessórios</a>
				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=9&categoria=Aminoácidos" ><img src="images/transp.gif" width="15" height="1"/ border="0">Aminoácidos</a>
				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=7&categoria=Energéticos" ><img src="images/transp.gif" width="15" height="1"/ border="0">Energéticos</a>

				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=15&categoria=Fat Burners" ><img src="images/transp.gif" width="15" height="1"/ border="0">Fat Burners</a>
				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=16&categoria=Hipercalóricos" ><img src="images/transp.gif" width="15" height="1"/ border="0">Hipercalóricos</a>
				 </div>

				 <div id="menu">

				  <a href="produto.asp?codigo=17&categoria=Pró Hormónios e Anabólicos" ><img src="images/transp.gif" width="15" height="1"/ border="0">Pró Hormónios e Anabólicos</a>
				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=18&categoria=Protéticos" ><img src="images/transp.gif" width="15" height="1"/ border="0">Protéticos</a>
				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=19&categoria=Vasos Dilatadores" ><img src="images/transp.gif" width="15" height="1"/ border="0">Vasos Dilatadores</a>

				 </div>

				 <div id="menu">
				  <a href="produto.asp?codigo=20&categoria=Vitaminas e Minerais" ><img src="images/transp.gif" width="15" height="1"/ border="0">Vitaminas e Minerais</a>
				 </div>


		</td>
	</tr>
   	<!--rodape prdutos -->	

<!--fim do menu de produtos -->	
	<tr>

		<td width="194" height="4" background="images/bg_prod_tarja.gif" alt=""></td>
	</tr>
</table>

			<!-- inicio menu informacoes -->
			<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D5D5D;
	font-weight: bold;
	padding-bottom:3px

}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D5D5D;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #5D5D5D;
}
a:hover {
	text-decoration: underline;
	color: #5D5D5D;
}
a:active {
	text-decoration: none;
	color: #5D5D5D;
}

-->
</style>
        </td>
	</tr>
	<tr>
		<td width="194" height="297" align="center" alt="">

		<div align="center">

					<img src="../topo/Home/esquerdo1.gif" />

		</div>
		</td>
	</tr>
	<tr>
		<td width="194" height="283" align="left" valign="top" alt="">
<table width="194"  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFE7E6" id="col-dir-tres">
	<tr>

		<td width="194" height="22" background="images/bg_informacoes.gif" alt=""></td>
	</tr>
	<tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4">Minha Conta</span></td>
	</tr>
	<tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="empresa.asp">A Empresa</a></span></td>
	</tr>

	<tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="Servicos.asp">Sevi&ccedil;os</a></span></td>
	</tr>
	<tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="GaleriaFotos.asp">Galeria de Fotos </a></span></td>
	</tr>
	<tr>

		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="noticias.asp">Not&iacute;cias</a></span></td>
	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4">Contato</span></td>
	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="ComoComprar.asp">Como Comprar</a></span></td>

	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="FormaPagamento.asp">Formas de Pagamento</a></span></td>
	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="Ajuda.asp">Ajuda</a></span></td>
	</tr>
    <tr>

		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="EntregaFrete.asp">Entrega e Frete </a></span></td>
	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="TrocaDevolucao.asp">Trocas e Devolu&ccedil;&otilde;es</a></span></td>
	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4"><a href="PrivacidadeSeguranca.asp">Privacidade e Seguran&ccedil;a</a></span></td>

	</tr>
    <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""><img src="images/bg_informacoes_dot.gif" alt="" width="18" height="7" /><span class="style4">Parcerias e An&uacute;ncios</span></td>
	</tr>
     <tr>
		<td width="194" height="18" align="left" valign="middle" alt=""></td>
	</tr>
</table>

<!-- fim menu informacoes -->	
        </td>
	</tr>
	<tr>
		<td width="194" height="98" alt="">
			<div align="center">

					<img src="../topo/Home/esquerdo2.gif" />



			</div>
		</td>
	</tr>

</table>

        </td>
		<td width="7" height="903" alt=""></td>
		<td width="627" height="903" align="left" valign="top" alt="">
<!-- incio do conteudo -->
<table id="meio" width="627" border="0" cellpadding="0" cellspacing="0">

	<tr>
		<td width="627" height="15" alt=""><span class="style4">Voce est&aacute; em: </span><span class="style8">Home </span></td>

	</tr>
<!-- barras de topo -->
    <tr>
		<td width="627" height="36" align="left" valign="top" alt="">       

				<img src="../topo/Home/meio2.gif"   border="0" />

			</td>
	</tr>

	<tr>
		<td width="627" height="686" align="left" valign="top" alt="">

<!-- inicio das produtos -->

<table width="637" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="20" height="51"> </td>
					<td height="51">

<table width="627" border="0" cellspacing="0" cellpadding="0">

					  <tr>
						<td>
						<table width="209" border="0" cellspacing="0" cellpadding="0">

							  <tr>
								<td width="209" height="43" align="center" valign="middle" >
									<span class="style11">fffff</span></td>
							  </tr>
							  <tr>
								<td width="209" height="132" align="center" valign="middle" >
								<a href="produto1.asp?codigo=249">
								<img src="../topo/imgproduto/Férias 2008 047.jpg" alt="" width="137" height="132" border="0" /></a>								</td>

							  </tr>
							  <tr>
								<td width="209" height="60" align="center" valign="middle" ><dl>
									  <dt class="style1">De:&nbsp; <span class="style20">R$ 50,00
									  </span></dt>
									  <dt class="style1">Por:&nbsp;<span class="style20"> 
									  R$ 45,00</span></dt>
									  <dt class="style1">ou:&nbsp;<span class="style20">1</span>

									  <span class="style1"> x</span><span class="style20">
									    R$ 45,00
									  </span></dt>
								  </dl>								  
								  </td>
							  </tr>
							</table>						
							</td>

						<td>

								<table width="209" border="0" cellspacing="0" cellpadding="1" >
								  <tr>
									<td width="209" height="43" align="center" valign="middle" >
										<span class="style11">fffff</span>								</td>
								  </tr>
								  <tr>
									<td width="209" height="132" align="center" valign="middle" >
									<a href="produto1.asp?codigo=248&categoria=">

									<img src="../topo/imgproduto/Férias 2008 045.jpg" alt="" width="137" height="132" border="0" />									</a>									</td>
								  </tr>
								  <tr>
									<td width="209" height="60" align="center" valign="middle" ><dl>
										  <dt class="style1">De:&nbsp; <span class="style20">R$ 50,00
										  </span></dt>
										  <dt class="style1">Por:&nbsp;<span class="style20">R$ 45,00
										  </span></dt>

										  <dt class="style1">ou:&nbsp;<span class="style20">1</span>
										  <span class="style1"> x</span><span class="style20">  
										  R$ 45,00
										  </span></dt>
									  </dl>									  
									  </td>
								  </tr>
								</table>						
								</td>


						<td>
							<table width="209" border="0" cellspacing="0" cellpadding="0">
								  <tr>
									<td width="209" height="43" align="center" valign="middle" >
										<span class="style11">llllll</span>								
										</td>
								  </tr>
								  <tr>
									<td width="209" height="132" align="center" valign="middle" >

									<a href="produto1.asp?codigo=251&categoria=">
									<img src="../topo/imgproduto/Férias 2008 011.jpg" alt="" width="137" height="132" border="0" /></a>									</td>
								  </tr>
								  <tr>
									<td width="209" height="60" align="center" valign="middle" ><dl>
										  <dt class="style1">De:&nbsp; <span class="style20">R$ 50,00
										  </span></dt>
										  <dt class="style1">Por: <span class="style20"> R$ 45,00
											</span></dt>

										  <dt class="style1">ou:&nbsp;<span class="style20">1 </span>
										  <span class="style1">x</span><span class="style20">  
										  R$ 45,00
										  </span></dt>
									  </dl>									  
									  </td>
								  </tr>
								</table>						
								</td>


				  </tr>
	  			<tr>
					<td width="627" height="2" bgcolor="#CCCCCC" alt=""></td>
					<td width="627" height="2" bgcolor="#CCCCCC" alt=""></td>
					<td width="627" height="2" bgcolor="#CCCCCC" alt=""></td>
				  </tr>
				  <tr>
					<td width="209" height="10"  alt=""></td>
					<td width="209" height="10"  alt=""></td>

					<td width="209" height="10"  alt=""></td>
				  </tr>

					  <tr>
						<td>
						<table width="209" border="0" cellspacing="0" cellpadding="0">
							  <tr>
								<td width="209" height="43" align="center" valign="middle" >
									<span class="style11">Testando novo cdastro</span></td>

							  </tr>
							  <tr>
								<td width="209" height="132" align="center" valign="middle" >
								<a href="produto1.asp?codigo=247">
								<img src="../topo/imgproduto/final de ano puruba 007.jpg" alt="" width="137" height="132" border="0" /></a>								</td>
							  </tr>
							  <tr>
								<td width="209" height="60" align="center" valign="middle" ><dl>

									  <dt class="style1">De:&nbsp; <span class="style20">R$ 45,00
									  </span></dt>
									  <dt class="style1">Por:&nbsp;<span class="style20"> 
									  R$ 25,00</span></dt>
									  <dt class="style1">ou:&nbsp;<span class="style20">1</span>
									  <span class="style1"> x</span><span class="style20">

									    R$ 25,00
									  </span></dt>
								  </dl>								  
								  </td>
							  </tr>
							</table>						
							</td>

				  </tr>
	  			<tr>
					<td width="627" height="2" bgcolor="#CCCCCC" alt=""></td>

					<td width="627" height="2" bgcolor="#CCCCCC" alt=""></td>
					<td width="627" height="2" bgcolor="#CCCCCC" alt=""></td>
				  </tr>
				  <tr>
					<td width="209" height="10"  alt=""></td>
					<td width="209" height="10"  alt=""></td>
					<td width="209" height="10"  alt=""></td>
				  </tr>

				</table>					

					</td>

					<td width="20" height="51"></td>
				  </tr>
				</table>
<!-- fim das produtos -->        
		</td>
	</tr>
</table>
<!-- fim do conteudo -->
        </td>
		<td width="6" height="903" alt=""></td>
		<td width="153" height="903" align="left" valign="top" alt="">


<script language="JavaScript">

function validaNewLatter(){
//validar nome
d = document.NewLatter;

var expressao = /([0-1]{1}[0-9]{1}|[0-2]{1}[0-4]{1})\:[0-5]{1}[0-9]{1}/;
if (d.nome.value == ""){
alert("O campo nome do formulário deve ser preenchido!");
d.nome.focus();
return false;
}

if (d.email.value == "") {
		alert("Informe seu e-mail.");
		d.email.focus();
		d.email.select();
		return false;
	} else {
		prim = d.email.value.indexOf("@")
		if(prim < 2) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("@",prim + 1) != -1) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf(".") < 1) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf(" ") != -1) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("zipmeil.com") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("hotmeil.com") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf(".@") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("@.") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf(".com.br.") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("/") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("[") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("]") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("(") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf(")") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
		if(d.email.value.indexOf("..") > 0) {
			alert("O e-mail informado parece não estar correto.");
			d.email.focus();
			d.email.select();
			return false;
		}
	}



return true;
}
</script>

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style15 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5d5d;
}
.style16 {
	color: #8F0600;
	font-weight: bold;
}

-->
</style>
<table width="153"  border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="153" height="174" alt="">
<!-- inicio newslatter -->
<table width="153" height="174" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="153" height="31"><img src="images/news_01.jpg" width="153" height="31" alt=""></td>

	</tr>
	<tr>
		<td width="153" height="123" align="center" valign="top" background="images/bg_newslatter.gif" alt="">
<table  width="137" height="123" border="0" cellpadding="0" cellspacing="0">

<form method="post" action="cadastroNeswlatter.asp" name="NewLatter" onSubmit="return validaNewLatter();" />
	<tr>
		<td height="50" colspan="2" align="center" valign="middle" alt=""><span class="style15"><span class="style16">Cadastre-se !!! </span> <br />
		Receba nossas novidades no seu e-mail
		</span></td>

	</tr>
	<tr>
		<td width="42" height="18" bordercolor="#999999" class="style15" alt="" align="left">nome:</td>
	    <td width="95" bordercolor="#999999" class="style15" alt="" align="left">
		<input name="nome" type="text" size="16" style = "font-size:9px;" /></td>
	</tr>
	<tr>
		<td height="8" colspan="2" alt=""></td>

	</tr>
	<tr>
		<td height="18" align="left" class="style15"  alt="">e-mail</td>
	    <td height="18" align="left" class="style15"  alt="">
		<input name="email" type="text" size="16" style = "font-size:9px;" /></td>
	</tr>
	<tr>
		<td height="10" colspan="2" alt=""></td>

	</tr>
	<tr>
		<td height="19" colspan="2" alt="">

		<input name="image" type="image"   src="images/bot_enviar_news.gif" alt= "Enviar" img="img"  />
		</td>

	</tr>
	</form>

</table>
        </td>

	</tr>
	<tr>
		<td width="153" height="20"><img src="images/news_03.jpg" width="153" height="20" alt=""></td>
	</tr>

</table>
<!-- fim newslatter -->
        </td>
	</tr>
	<tr>

		<td width="153" height="29" background="images/toponoticias.gif" alt=""></td>
	</tr>
	<tr>
		<td width="153"  align="left" valign="top" bgcolor="#f0f0e4" alt="">
		<!-- inicio de noticia -->

			<table width="153"  border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="3" width="153" height="4" alt=""></td>
				</tr>

				<tr>
					<td rowspan="2" width="8"  alt=""></td>
					<td >
					<a href="noticiaItem.asp?codigo=4">
					<img src="../topo/noticias/didol's logo.jpg" alt="" width="137"  border="0" />
					</a>
					</td>
					<td rowspan="2" width="8" height="151" alt=""></td>
				</tr>

				<tr>
					<td width="137"  align="center" valign="middle" >
						<a href="noticiaItem.asp?codigo=4">
							<span class="style15"><strong>tyutr</strong></span>
						</a>
					</td>
				</tr>
				<tr>

					<td width="153" height="2" colspan="3" bgcolor="#d9d9ca" alt=""></td>
				</tr>
			</table>

			<table width="153"  border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="3" width="153" height="4" alt=""></td>
				</tr>
				<tr>
					<td rowspan="2" width="8"  alt=""></td>

					<td >
					<a href="noticiaItem.asp?codigo=3">
					<img src="../topo/noticias/Férias 2008 126.jpg" alt="" width="137"  border="0" />
					</a>
					</td>
					<td rowspan="2" width="8" height="151" alt=""></td>
				</tr>
				<tr>
					<td width="137"  align="center" valign="middle" >

						<a href="noticiaItem.asp?codigo=3">
							<span class="style15"><strong>asd</strong></span>
						</a>
					</td>
				</tr>
				<tr>
					<td width="153" height="2" colspan="3" bgcolor="#d9d9ca" alt=""></td>
				</tr>

			</table>

			<table width="153"  border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="3" width="153" height="4" alt=""></td>
				</tr>
				<tr>
					<td rowspan="2" width="8"  alt=""></td>
					<td >
					<a href="noticiaItem.asp?codigo=2">

					<img src="../topo/noticias/Férias 2008 001.jpg" alt="" width="137"  border="0" />
					</a>
					</td>
					<td rowspan="2" width="8" height="151" alt=""></td>
				</tr>
				<tr>
					<td width="137"  align="center" valign="middle" >
						<a href="noticiaItem.asp?codigo=2">
							<span class="style15"><strong>lalala</strong></span>

						</a>
					</td>
				</tr>
				<tr>
					<td width="153" height="2" colspan="3" bgcolor="#d9d9ca" alt=""></td>
				</tr>
			</table>

<!-- fim de noticia --> 
</td>

	</tr>
	<tr>
	  <td width="153" height="227" align="center" alt="">

				<img src="../topo/Home/direito1.gif" />

		</td>
	</tr>
</table>
<!-- fim colouna direita -->
        </td>
	</tr>

</table>


        </td>
	</tr>
	<tr>
		<td width="990" height="110" alt="">
			<!-- inicio do rodape -->
			<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D5D5D;
	font-weight: bold;
	padding-bottom:3px

}
.style8 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


-->
</style><table id="rodape" width="990" height="110" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="990" height="4" background="images/bg_barrarodape.gif" alt=""></td>

	</tr>
	<tr>
		<td width="990" height="106" align="center" valign="top" bgcolor="#ededed" class="style8" alt=""><br />
		  Home - Minha conta - A Empresa - Servi&ccedil;os - Not&iacute;cias - Contato - Como Comprar  - Formas de Pagamento  - Quem Somos <br />
		  Ajuda - Entrega  - Trocas e Devolu&ccedil;&otilde;es - Privacidade e Seguran&ccedil;a - Parcerias e An&uacute;ncios<br />

		  <span class="style4">&copy; 1996-2008 Carbonic - www.carbonic.com.br - Todos os direitos reservados</span></td>
	</tr>
</table>

			<!-- fim do rodape -->
        </td>
	</tr>
</table>    
    </td>
    <td width="9" background="images/borda_dir.gif"></td>

  </tr>
</table>


</body>
</html>

[/codebox]

Alguma imagem pode estar quebrando seu layout. Pode ser qualquer coisa. Eu apenas copiei seu código e salvei como html, seu menu ficou certinho ali em cima, tanto no ie6 quanto no FF3.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...