Pagina

Super_Zica_Man · Março 6, 2006

Estou com um dificuldade não sei se é motivo pra postar mas preciso ver se alguém vai poder me ajudar...

E que antes eu fiz a pagina inteira no fireworks...E exportei ela inteira dai tava funcionando direitinho so q era aquela função quando quisesse mudar algo no menu tinha q fazer tudo de novo e exportar tudo de novo....

Dai agora eu resolvi colocar um menu em css....

Dai começou a surgir os problemas porque quando exportou exporta com aqueles spacer.gif entaum so que eu se eu tiro alguns desconfigura toda pagina e preciso colocar o menu css nessa pagina....

já fiz o menu em uma pagina separada mas....

quando vou coloca-la na pagina desconfigura tudo...

Entaum eu peguei e vo postar o script da minha pagina com topo e rodape e com o espaço no meio em branco e o codigo do meu menu css se alguém puder me ajuda agradeço...

estou tentando colocar o menu alinhado na direita so q tentei usar de tudo padding,margin....pra alinhar em css mas n da muito certo....

eu queria saber como faço pra alinhar esse menu no lugar q ta em branco da pag

no lado esquerdo...obrigado

Script da pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>site</title>
<link rel="stylesheet" type="text/css" href="css.css"
</head>
<body bgcolor="#ffffff">
<table width="100%" height="100%" align="center">
<tr>
<td align="center" valign="center" border="0">
<table width="760px" height="540px"><tr><td>
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="799">
  <tr>
   <td><img src="Imagens/spacer.gif" width="168" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="68" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="104" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="54" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="161" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="55" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="58" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="13" height="1" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td rowspan="2"><img name="metade_banner" src="Imagens/metade_banner.gif" width="286" height="129" border="0" id="metade_banner" alt="" /></td>
   <td colspan="7"><img name="metade_banner_2" src="Imagens/metade_banner_2.gif" width="513" height="120" border="0" id="metade_banner_2" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="120" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><a href="default.asp"><img name="topo_home" src="Imagens/topo_home.gif" width="68" height="19" border="0" id="topo_home" alt="" /></a></td>
   <td rowspan="2"><a href="cadastro.asp"><img name="topo_cad" src="Imagens/topo_cad.gif" width="104" height="19" border="0" id="topo_cad" alt="" /></a></td>
   <td rowspan="2"><a href="login.asp"><img name="topo_log" src="Imagens/topo_log.gif" width="54" height="19" border="0" id="topo_log" alt="" /></a></td>
   <td rowspan="2"><a href="carrinho.asp"><img name="topo_car" src="Imagens/topo_car.gif" width="161" height="19" border="0" id="topo_car" alt="" /></a></td>
   <td rowspan="2"><a href="ajuda.asp"><img name="topo_ajd" src="Imagens/topo_ajd.gif" width="55" height="19" border="0" id="topo_ajd" alt="" /></a></td>
   <td rowspan="2"><a href="mailto:caui@cauirs.com.br"><img name="topo_email" src="Imagens/topo_e-mail.gif" width="58" height="19" border="0" id="topo_email" alt="" /></a></td>
   <td><img name="complemento_banner" src="Imagens/complemento_banner.gif" width="13" height="9" border="0" id="complemento_banner" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="9" border="0" alt="" /></td>
  </tr>
  <tr>
   <td bgcolor="#ffffff"><img src="Imagens/spacer.gif" width="286" height="10" border="0" alt="" /></td>
   <td rowspan="18" bgcolor="#ffffff"><img src="Imagens/spacer.gif" width="13" height="590" border="0" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="10" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="17" colspan="7" bgcolor="#ffffff">


   <td><img src="Imagens/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="31" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="36" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="\Imagens\spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="30" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="33" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img src="Imagens/spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  
  <tr>
   <td><img src="spacer.gif" width="1" height="175" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="8"><img name="rodape.gif" src="Imagens/rodape.gif" width="799" height="81" border="0" id="rodape" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="81" border="0" alt="" /></td>
  </tr>
</table>
</td></tr></table>

</td>
</tr>
</table>
</body>
</html>

e aqui o codigo do menu q fiz

<html>
<head>
<title>Menu</title>
<style type="text/css">
.menu {
       font-family: Verdana;
       text-indent: 5px;
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       list-style-type:circle;
    background-color: #DFE0DF;}
.menu:hover {
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       background-color: #FFFFFF;
       display: block;
}
.submenu {
       font-variant:small-caps;
    font-family: Verdana;
       text-indent: 5px;
    text-decoration: none;
       font-size: 12px;
       color: #003399;
    text-align:center;
       background-color: #ffffff;}      
ul.square {
list-style-type:circle
}
    </style>
    
</head>
<body>
<table class="submenu" border="0" cellpadding="0" cellspacing="0" width="114">
 <tr> 
<td width="114">
<p class="submenu">Menu 
</td> 
</tr> 
</table>
    </td>
  </tr>  
</table>
<table class="menu" border="0" cellpadding="0" cellspacing="0" width="114">
<tr> 
<td width="114"><a class="menu" href="default.asp">Home</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="empresa.asp">Empresa</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Sistemas</a> 
</td> 
</tr> 
</table>
<table class="submenu" border="0" cellpadding="0" cellspacing="0" width="114">
 <tr> 
<td width="114">
<p class="submenu">Produtos 
</td> 
</tr> 
</table>
<table class="menu" border="0" cellpadding="0" cellspacing="0" width="114">
<tr> 
<td width="114">
<a class="menu" href="produtos.asp">Barebone Kit</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Caixas de Som</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Coolers</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Energia</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">HD</a></td> 
</tr>
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Impressoras</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Memória</a></td> 
</tr>  
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Monitor</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Mouse</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Placa-Mãe</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Placa de Som</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Placa de Vídeo</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Rede</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Switch e Roteadores</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Softwares</a></td> 
</tr>
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="produtos.asp">Teclados</a></td> 
</tr> 
</table>
<table class="submenu" border="0" cellpadding="0" cellspacing="0" width="114">
 <tr> 
<td width="114">
<p class="submenu">Ajuda
</td> 
</tr> 
</table>
<table class="menu" border="0" cellpadding="0" cellspacing="0" width="114">
</tr> 
<tr> 
<td width="114">
<a class="menu" href="ajuda.asp">Dúvidas Comuns</a></td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="empresa.asp">Contato</a> 
</td> 
</tr> 
</table>
</body>
</html>

fercosmig · Março 7, 2006

body{
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}

acrescente no menu

abraços

Super_Zica_Man · Março 7, 2006

vlw vou tentar depois posto a resposta aki.....

cara eu coloquei no codigo tentei por fora e dentro do menu isso e continua desconfigurando a pagina

tentei por de todas as maneiras separada mas não deu muito certo

meu codigo ficou assim:

.menu {
       padding-left:0 cm;
    font-family: Verdana;
       text-indent: 5px;
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       list-style-type:circle;
    background-color: #DFE0DF;
    margin-bottom: 0;
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;}

.menu:hover {
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       background-color: #FFFFFF;
       display: block;
    margin-bottom: 0;
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
}
.submenu {
       font-variant:small-caps;
    font-family: Verdana;
       text-indent: 5px;
    text-decoration: none;
       font-size: 12px;
       color: #003399;
    text-align:center;
       background-color: #ffffff;	
    margin-bottom: 0;
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;}

Editado Março 7, 2006 por Super_Zica_Man

fercosmig · Março 8, 2006

você adicionou este código que eu te mandei e num funfou?

você tem que colocar na página que tem o menu exatamente igual eu coloquei ae!

abraços

Super_Zica_Man · Março 10, 2006

cara desculpa ai n entendi muito bem tenho q colocar isso na pagina css que ta anexada no arquivo né????

eu coloquei mas assim.....

mas n deu certo....

tentei com ponto antes do body também mas n deu certo......

.menu {
       padding-left:0 cm;
    font-family: Verdana;
       text-indent: 5px;
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       list-style-type:circle;
    background-color: #DFE0DF;}

.menu:hover {
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       background-color: #FFFFFF;
       display: block;}
.submenu {
       font-variant:small-caps;
    font-family: Verdana;
       text-indent: 5px;
    text-decoration: none;
       font-size: 12px;
       color: #003399;
    text-align:center;
       background-color: #ffffff;}
    
body	{
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  }

Entrar

Pagina

Pergunta

Super_Zica_Man

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

Super_Zica_Man

Link para o comentário

Compartilhar em outros sites

fercosmig

Link para o comentário

Compartilhar em outros sites

Super_Zica_Man

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades