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

problema com menu horizontal


ju_rezende

Pergunta

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

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

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.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...