Ir ao conteúdo
  • Cadastre-se

Edmilson Vasconcelos

Membro Júnior
  • Posts

    1
  • Cadastrado em

  • Última visita

Reputação

0
  1. Pessoal, bom dia! Estou com um problema, estou fazendo um projeto da faculdade, e o rodapé está ficando no topo da página, gostaria de saber se alguém pode me ajudar agradeço desde já! O código é este: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Farmácia Vasconcelos</title> <link href="css/estilo.css" rel="stylesheet"> </head> <body> <figure id="logo"><a href="index.php"><img src="imagens/logo.jpg"></a></figure> <nav> <div id="botões-menu"> <a href="medicamentos.php"><img src="imagens/bt_medicamentos.png" onMouseOver="this.src='imagens/bt_medicamentos2.png'" onMouseOut="this.src='imagens/bt_medicamentos.png'"></a> <a href="higiene.php"><img src="imagens/bt_higiene.png" onMouseOver="this.src='imagens/bt_higiene2.png'" onMouseOut="this.src='imagens/bt_higiene.png'"></a> <a href="mae.php"><img src="imagens/bt_mae.png" onMouseOver="this.src='imagens/bt_mae2.png'" onMouseOut="this.src='imagens/bt_mae.png'"></a> <a href="perfumes.php"><img src="imagens/bt_perfumes.png" onMouseOver="this.src='imagens/bt_perfumes2.png'" onMouseOut="this.src='imagens/bt_perfumes.png'"></a> </div> </nav> <nav> <ul id="menu"> <a href="index.php"><li>Home </li></a> <a href="farmacia.php"><li>A Farmácia </li></a> <a href="funcionario.php"><li> Funcionário </li></a> <a href="faleconosco.php"><li> Fale Conosco </li></a> </ul> </nav> <figure id="banner"><img src="imagens/banner.jpg"></figure> <footer id="rodape"> <p>Estamos localizados na rua das lindas, número 91<br/> Caetés I, Abreu e lima - PE / CEP: 53530-470<br/> Telefone:(81)98888-0000/99977-5544</p> </footer> </body> </html> @charset "utf-8"; body{ background-image: url(../imagens/fundo.gif); background-repeat: repeat-x; font: sans-serif; margin: 0; padding: 0; } /*Topo*/ figure#logo{ position: absolute; top: -16px; left: 80px; } nav div#botões-menu{ position: absolute; top: 95px; left: 280px; } nav ul#menu{ position: absolute; font-size: 18pt; top: 120px; left: 250px; font-family: arial; } nav ul#menu li{ list-style: none; float:left; padding: 20px; } nav ul#menu a{ text-decoration:none; color: #a0a0a0; font-weight: bold; border: 0px solid #000000; } nav ul#menu a:hover{color:#003333} /*Fim topo*/ /*Corpo do site*/ figure#banner{ position: absolute; top: 250px; left: 200px; } /*Fim do corpo*/ /*Footer*/ footer{ background-color: #fff; }

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

 

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!