Ir para conteúdo
Rapadura

[Resolvido] Problema no Menu do Site ( ul , li )

Recommended Posts

Olá pessoal do fórum Imasters

 

estou com uma duvida nesse código que quero fazer um menu  utilizando as tags li e ul segue os códigos

 

OBS: no ul o home, news, contact, about funcionam menos o formulário  ele fica invisivel;-;

como mostra nesta print

-->  http://prntscr.com/emda2d

 

OBS: peguei esse codigo do W3schools :)

 

Index.html

Citar

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <title>Web Site</title>
    <meta charset="utf-8">
    <meta name="author" content="Rapadura"> 
    <meta http-equiv="refresh" content="15">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>  
    <h1 >
        Web Site
    </h1>

<ul>
  <li><a href="menu/home.txt">Home</a></li>
  <li><a href="menu/news.txt">News</a></li>
  <li><a href="menu/contact.txt">Contact</a></li>
  <li><a href="menu/about.txt">About</a></li>
  <li><a href="menu/formulario.txt"Formulario></a></li>
</ul><br>

<img src="imagens/rapadura.jpg" alt="rapadura" usemap="#planetmap" style="width:200px;height:100%;">
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="rapadura" href="imagens/rapadura.jpg">
  <area shape="circle" coords="90,58,3" alt="rapadura" href="imagens/rapadura.jpg">
  <area shape="circle" coords="124,58,8" alt="rapadura" href="imagens/rapadura.jpg">
</map>

</body>
</html>

 

Styles.css

Citar

body {
    background-color: powderblue;

}
h1 {
    color: blue;
}
p {
    color: red;
    border: 1px solid powderblue;
    padding: 100px;

}
ul {
    list-style-type: none;
    margin: 10;
    padding: 10;
    overflow: hidden;
    background-color: #333333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111111;
}

 

Deis de já agradeço

Rapadura.

Compartilhar este post


Link para o post
Compartilhar em outros sites

E qual sua dúvida, amigo? Você postou que tinha uma duvida, mas postou o código e um print-screen apenas.

 

Se sua dúvida é a respeito do item que não aparece, veja que seu código está errado.

 

Troque:

<li><a href="menu/formulario.txt"Formulario></a></li>

Por:

<li><a href="menu/formulario.txt">Formulario</a></li>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá.

 

A tag  <a> foi fechada no lugar errado. Abaixo segue a linha corrigida.

 

<li><a href="menu/formulario.txt">Formulario</a></li>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Conteúdo Similar

    • Por Lancelegends
      Estou criando um blog e baixei um template pronto, comecei a fazer algumas alterações e me deparei com o seguinte problema, meu cabeçalho é dividido em dois. Consegui excluir o cabeçalho indesejado, mas o outro não ficou cobrindo toda a área e não consigo redimensioná-lo.
    • Por Neto Schneider
      Olá pessoal, estou com uma pequena dúvida.
      Estou criando um painel de controle, e nele, bem, quero deixa-lo selecionado ao clicar em cima.
      Só que, eu já fiz o :active, funcionou, mas quando clico na pagina a seleção some, quero que ela suma apenas quando eu clicar em outro botão do menu.
    • Por WeslleyBrito ♛
      Pessoal, preciso de uma ajuda para elaborar um código javascript que atue em uma url específica, não conheço muito sobre computação mas acredito ser simples.
       
      Tenho um código assim:
       
      document.getElementById("corpo").getElementsByClassName("span6")[0].getElementsByTagName("img")[0].src = "site da imagem";
       
      Preciso aplicar ele em uma determinada página de um site. Tenho um site de E-commerce, e esse código seria para trocar a imagem de um certo produto para a imagem que estaria no link "site da imagem" do código, porém preciso fazer isso para todos os produtos da loja. Poderiam me ajudar?
       
       
    • Por Mayard Marques
      Olá pessoal...
      Estou com o seguinte problema...
       
      Tenho um tema no magento, e preciso colocar um conteúdo qualquer... acontece q eu preciso colocar um conteúdo em um container, porém eu precisava que o background fosse fullwidth.... pra isso tenho as duas classes:
      .bg_home_produtos { position: absolute; width: 100%; left: 0; background-image: url("bg_home_produtos.jpg"); background-repeat: no-repeat; background-attachment: scroll; } .posicao { max-width: 1024px; height: auto; outline: 0px; position: relative; left: 50%; top:50%; margin-left: -512px; } e no html eu coloquei o seguinte:
      <div class="bg_home_produtos"> <div class="grid-container show-grid posicao"> <!-- Conteúdo do tema, no meu caso um slider de produtos --> </div> </div> as classes grid-container e show-grid são do próprio tema, e são responsivos. O conteúdo que está dentro do container filho, que no meu caso é um slider de produtos responsivo.
      Dessa forma q eu coloquei, funcionou perfeitamente no desktop, porém quando eu diminuo a resolução o conteúdo fica travado, porque eu tive que travar o tamanho pra funcionar (width: 1024px;) se eu nao travasse, o conteúdo ia para o início da tela onde começa a classe bg_home_produtos...
       
      Alguém pode me ajudar nessa questão?
       
      Abraço a todos!
      Obrigado!
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: