Ir para conteúdo
Fórum Script Brasil

Eduardo Gabriel Christmann

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    1

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por Eduardo Gabriel Christmann

  1. HTML CSS MENU

    em HTML, XHTML, CSS

    Postado · Editado por Eduardo Gabriel Christmann

    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(0, 0, 0, 0.623);
        height: 50px;
        color: white;
    }
     
    #menu{
       margin: 0;   
    }
     
    #menu ul{
    margin: 0;
    background-color: rgba(0, 0, 0, 0.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>   



     
×
×
  • Criar Novo...