Eduardo Gabriel Christmann Postado Julho 29, 2021 Denunciar Share Postado Julho 29, 2021 (editado) 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> Editado Julho 29, 2021 por Eduardo Gabriel Christmann Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Eduardo Gabriel Christmann
Link para o comentário
Compartilhar em outros sites
0 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.