maretones
-
Total de itens
1 -
Registro em
-
Última visita
Sobre maretones
-
Juntar menu horizontal com imagem do topo
maretones postou um tópico no fórum Desenvolvimento frontend
Boa tarde, Estou aprendendo desenvolvimento Web, no momento html e CSS. Estou fazendo uma página básica para um trabalho do curso, inseri uma imagem no topo e logo abaixo inseri um menu horizontal, mas acima do menu fica uma bordinha com a cor do plano de fundo. Eu gostaria de juntar o menu com o final da imagem, já tentei diversas maneiras e nada. Podem me ajudar? Segue o código: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title>História Halloween</title> <style> body { margin:0 100px; background-color: #000000; color: #000000; text-align: justify; } .mae { background-color: #ff9933; } .conteudo { padding: 2% 8%; } h1, h2, h3 { text-align: center; } .menu ul{ margin: 0; background-color: #ff5544; list-style-type: none; text-align: center; } .menu ul li{ display: inline; } .menu ul li a{ font-size:26px; padding:2px 30px; display: inline-block; text-decoration: none; } </style> </head> <body> <div class="mae"> <img src="images/cemitery02.jpg" alt="logo" width="100%" height="500px"> <nav class="menu"> <ul> <li><a href="">História</a></li> <li><a href="">Curiosidades</a></li> <li><a href="">Filmes</a></li> <li><a href="">À definir</a></li> <li><a href="">À definir</a></li> </ul> </nav>