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

[Dúvida] Imagem para menu horizontal não é exibida


IsaiasOA

Pergunta

Creio que seja um problema simples, já vi vários tutoriais, mas não consegui resolver.

• Imagem

2mgvbs3.gif

Fiz em GIF, JPEG e PNG. Vale ressaltar que não estou usando o link postado, mas 'linkei' direto do computador, coloquei tudo numa pasta só.

• XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- HEAD -->
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
  </head>
<!-- /HEAD -->

<!-- BODY -->  
  <body>
    <div id="menu">
      <ul>
        <li><a href="#">Home </a></li>
        <li><a href="#">Quem Somos </a></li>
        <li><a href="#">Carros </a></li>
        <li><a href="#">Montadoras </a></li>
        <li><a href="#">Contato</a></li>
      </ul>
    </div>
    <div id="colcenter">
      <div id="content">
      </div>
    </div>  
  </body>
<!-- /BODY -->

</html>
• CSS
/*CSS Doctype*/
/*Declaração geral de espaçamentos (servirá pricipalmente para que o menu não fique separado da coluna central)*/
* {
margin: 0;
padding: 0;
list-style: none;
}
/*Aplicação incial à coluna central ('text-align') e plano de fundo*/
body {  
text-align: center;
background: #333;
}
/*Coluna Central - caixa e conteúdo*/
#colcenter{
width: 974px;  
margin: 0 auto;      
text-align: left;
}
#content {
height: 2000px;
padding: 20px;
background-color: #fff;
}
/*Menu horizontal*/
#menu{
height: 49px;
background: url('menu_bg.gif') repeat-x;
}
ul {
list-style-type: none;
}
ul li {
display: inline;
}
ul li a{
text-decoration: none;
}

Nenhum problema no LINK da CSS.

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

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...