Css

Super_Zica_Man · Fevereiro 28, 2006

Descobri o CSS a pouco tempo fiz um menu mas na hora de coloca-lo na minha pagina ta dando erro se alguém puder me ajuda agradeço vo postar aki o codigo do menu e o codigo antigo 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.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Wed Feb 01 22:57:18 GMT-0200 2006-->
</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">
<!-- fwtable fwsrc="topo com site.png" fwbase="site.gif" fwstyle="Dreamweaver" fwdocid = "156370661" fwnested="0" -->
  <tr>
   <td><img src="Imagens/spacer.gif" width="118" height="1" border="0" alt="" /></td>
   <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" colspan="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 colspan="2" bgcolor="#ffffff"><img src="Imagens/spacer.gif" width="286" height="10" border="0" alt="" /></td>
   <td rowspan="19" 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><img name="menu_sob" src="Imagens/menu_sob.gif" width="118" height="22" border="0" id="menu_sob" alt="" /></td>
   <td rowspan="18" colspan="7" bgcolor="#ffffff"><iframe src="busca.asp" name="busca" width="668" height="580" scrolling="no"></iframe></td>
   <td><img src="Imagens/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="default.asp"><img name="menu_home" src="Imagens/menu_home.gif" width="118" height="19" border="0" id="menu_home" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="empresa.asp"><img name="menu_emp" src="Imagens/menu_emp.gif" width="118" height="21" border="0" id="menu_emp" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="sistemas.asp"><img name="menu_sist" src="Imagens/menu_sist.gif" width="118" height="31" border="0" id="menu_sist" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="31" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="menu_prod" src="Imagens/menu_prod.gif" width="118" height="36" border="0" id="menu_prod" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="36" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="listaprod.asp"><img name="menu_acessorios" src="Imagens/menu_acessorios.gif" width="118" height="19" border="0" id="menu_acessorios" alt="" /></a></td>
   <td><img src="\Imagens\spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=b"><img name="menu_energia" src="Imagens/menu_energia.gif" width="118" height="20" border="0" id="menu_energia" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=c"><img name="menu_hd" src="Imagens/menu_hd.gif" width="118" height="20" border="0" id="menu_hd" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=d"><img name="menu_impressora" src="Imagens/menu_impressora.gif" width="118" height="21" border="0" id="menu_impressora" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=e"><img name="menu_memoria" src="Imagens/menu_memoria.gif" width="118" height="19" border="0" id="menu_memoria" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=f"><img name="menu_midia" src="Imagens/menu_midia.gif" width="118" height="20" border="0" id="menu_midia" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=g"><img name="menu_plmae" src="Imagens/menu_pl.mae.gif" width="118" height="21" border="0" id="menu_plmae" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="21" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=h"><img name="menu_processador" src="Imagens/menu_processador.gif" width="118" height="22" border="0" id="menu_processador" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="22" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="produtos.asp?produtos=i"><img name="menu_plvideo" src="Imagens/menu_pl.video.gif" width="118" height="30" border="0" id="menu_plvideo" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="30" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="menu_suporte" src="Imagens/menu_suporte.gif" width="118" height="33" border="0" id="menu_suporte" alt="" /></td>
   <td><img src="Imagens/spacer.gif" width="1" height="33" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="ajuda.asp"><img name="menu_ajuda" src="Imagens/menu_ajuda.gif" width="118" height="19" border="0" id="menu_ajuda" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="19" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="mailto:caui@cauirs.com.br"><img name="menu_contato" src="Imagens/menu_contato.gif" width="118" height="32" border="0" id="menu_contato" alt="" /></a></td>
   <td><img src="Imagens/spacer.gif" width="1" height="32" border="0" alt="" /></td>
  </tr>
  <tr>
   <td bgcolor="#ffffff"><img src="Imagens/spacer.gif" width="118" height="175" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="175" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="9"><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 aki o codigo do menu:

<html>
<head>
<title>Coluna 18 - Menu em CSS</title>
<style type="text/css">
.menu {
       font-family: Verdana;
       text-indent: 5px;
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       background-color: #DFE0DF;}
.menu:hover {
       text-decoration: none;
       font-size: 12px;
       color: #000000;
       background-color: #FFFFFF;
       display: block;
}
</style>
</head>
<body>
<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>
<br>
<table class="menu" border="0" cellpadding="0" cellspacing="0" width="114">
<tr> 
<td width="114">
<a class="menu" href="default.asp">Barebone Kit</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Caixas de Som</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="empresa.asp">Coolers</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Energia</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">HD</a> 
</td> 
</tr>
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Impressoras</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Memória</a> 
</td> 
</tr>  
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Monitor</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Mouse</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Placa-Mãe</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Placa de Som</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Placa de Vídeo</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Rede</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Switch e Roteadores</a> 
</td> 
</tr> 
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Softwares</a> 
</td> 
</tr>
<tr> 
<td width="114" class="menu"> 
<a class="menu" href="sistemas.asp">Teclados</a> 
</td> 
</tr> 
</table>
<br>
<table class="menu" border="0" cellpadding="0" cellspacing="0" width="114">
<tr> 
<td width="114">
<a class="menu" href="default.asp">Ajuda</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 1, 2006

que erro?

o que tá acontecendo?

Diego_Bittencourt · Março 1, 2006

É mesmo, que problemas está acontecendo?

PS: Isso não tem nada a ver com o assunto, mas:

.menu {
      font-family: Verdana;
      text-indent: 5px;
      text-decoration: none;
      font-size: 12px;
      color: #000000;
      background-color: #DFE0DF;}
.menu:hover {
      text-decoration: none;
      font-size: 12px;
      color: #000000;
      background-color: #FFFFFF;
      display: block;
}

no .menu:hover, você não precisa declarar text-decoration, color e font-size, pois as propriedades serão iguais ao do .menu

Agora, se você quisesse mudar o tamanho da fonte, mudar a cor ou a decoração do texto, aí sim

BrILL · Março 1, 2006

Cara! Explica melhor o que esta acontecendo, porque procurar erros em um negocio desse tamanho não vai dar!

Super_Zica_Man · Março 2, 2006

Desculpe ai nem precisa resolver mais nada e q tipo tinha feito a pagina inteira em fireworks dai agora quando fui colocar esse menu feito em css tipo quando eu colocava o menu desconfigurava a pagina inteira...

Mas não preciso mais de ajuda vou tentar montar a pagina desde o zero...

Vlw!!

Entrar

Css

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

Diego_Bittencourt

Link para o comentário

Compartilhar em outros sites

BrILL

Link para o comentário

Compartilhar em outros sites

Super_Zica_Man

Link para o comentário

Compartilhar em outros sites

Estatísticas dos Fóruns

Navegação

Atividades