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

HTML CSS MENU


Eduardo Gabriel Christmann

Pergunta

O background do menu fica na frente do background do titulo, alguém sabe como eu faço para um "respeitar" o outro? E nenhum ficar em cima de nenhum.
 
 
 
 
 
 
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title> <link rel="stylesheet" href="home.css">
 
   <header
       
    <h1>     
        <center> SA Termodinâmica </center
    </h1>
    
      
        <div id="menu">
            <center>
        <ul>
            <li><a href="home.html">Home</a></li>
            <li><a href="sobre.html">Sobre</a></li>
            <li><a href="calculadora.html">Calculadora</a></li>
            <li><a href="produção.html">Produção</a></li>
            <li><a href="contato.html">Contato</a></li>
        </ul>
             </center>
        </div>
    


 
   </div>
    
 
 
 
 
 
 
 
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
 
header{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(0000.623);
    height: 50px;
    color: white;
}
 
#menu{
   margin: 0;   
}
 
#menu ul{
margin: 0;
background-color: rgba(0000.623);
list-style: none;
height: 500%;
}
 
#menu ul li{
display: inline;
 
}
 
#menu ul li a{
padding: 20px 10px;
display: inline-block;
color: white;
text-decoration: none;
height: 50px;
 
}
 
#menu ul li a:hover{
    color: #00d400;
}



 
</header>
     
    
   
 
</head>
<body>
    
   
</body>
</html>   



 
Editado por Eduardo Gabriel Christmann
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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