Publicidade

Rapadura

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

Patrocínio:

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.

0

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>

 

0

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>

 

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nossa kk obrigado pessoal por responderem resolveu kk Obrigado:sweat_smile: 

0

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

  • Próximos Eventos

  • Conteúdo Similar

    • Por allan2
      olá, peguei um site free na net e percebi que mesmo mudando as frases no código html ele apresenta na pagina tudo maiúscula, tem algumas coisas que eu queria por maiúsculo no inicio meio e fim ou fazer livremente o que eu quisesse "TiPo IsSo" "MAS SÓ SAI ASSIM =/"
    • Por mruoppolo
      Olá, tudo bem?
       
      Eu preciso montar um header de uma forma que seja a imagem da menina com o cachorro seja um slider, porém não sei como fazer isso com as divs, essas curvas e talz.
       
      Você sabe me explicar como faço isso?
       

       
      Obrigado :D
    • Por BarryAllen
      Estou utilizando esse codigo:
      <?php include '../config/config.php'; if($_POST['type'] == 'load_url') { $id = (int) $_POST['id']; $sql = mysql_query("SELECT * FROM players WHERE id='$id'"); $item = mysql_fetch_array($sql); $dados['link'] = $item['link']; echo json_encode($dados); exit; } $id = (int) $_GET['id']; $sql = mysql_query("SELECT * FROM players WHERE id='$id'"); $item = mysql_fetch_array($sql); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CinePopHD | Player</title> <script src="https://www.cinepophd.com/media/bower_components/angular/angular.js"></script> <script src="https://www.cinepophd.com/media/bower_components/angular-translate/angular-translate.js"></script> <script src="https://www.cinepophd.com/media/bower_components/jquery/dist/jquery.js"></script> <script src="https://www.cinepophd.com/media/bower_components/jquery-mousewheel/jquery.mousewheel.js"></script> <script src="https://www.cinepophd.com/media/bower_components/mousetrap/mousetrap.js"></script> <script src="https://www.cinepophd.com/media/bower_components/angular-local-storage/dist/angular-local-storage.js"></script> <script src="https://www.cinepophd.com/media/bower_components/angularjs-slider/dist/rzslider.min.js"></script> <script src="https://www.cinepophd.com/media/bower_components/streama-i18n/dist/streama-i18n.min.js"></script> <script src="https://www.cinepophd.com/media/dist/streama-video-player.js"></script> <link rel="stylesheet" href="https://www.cinepophd.com/media/bower_components/Ionicons/css/ionicons.css"> <link rel="stylesheet" href="https://www.cinepophd.com/media/bower_components/angularjs-slider/dist/rzslider.css"> <link rel="stylesheet" href="https://www.cinepophd.com/media/dist/streama-video-player.css"> <style> body{ background: black; } </style> </head> <body oncontextmenu="return false"> <body ng-app="myModule"> <streama-video-player options="$root.videoOptions"> </streama-video-player> <script type="text/javascript"> angular.module('myModule', ['streama.videoPlayer']).run(function ($rootScope) { $rootScope.videoOptions = { videoSrc: '', isExternalLink: true, videoMetaTitle: 'Jovens Titãs', videoMetaSubtitle: 'O Contrato de Judas', videoMetaDescription: 'O filme não deve adaptar literalmente o arco The Judas Contract, mas apenas se inspirar na história, onde os Titãs enfrentam a traição da personagem Terra, que se une ao Exterminador para acabar com a equipe. Jay Oliva, também de Liga da Justiça Sombria, dirige e não há data de lançamento.', showNextButton: false, episodeList: { 1: [ {id: 1, name: 'Temporada 1: Ep.1 "Piloto"', season_number: 1, episode_number:1, episodeString: 'Temporada 1: Ep.1', overview: 'Barry acorda do coma e usa sua nova e extraordinária velocidade para combater outro meta-humano que usa poderes meteorológicos para assaltar bancos.'}, {id: 2, name: 'Temporada 1: Ep.2 "O Homem Mais Rápido do Mundo', season_number: 1, episode_number:2, episodeString: 'Temporada 1: Ep.1', overview: 'Barry enfrenta diversos assassinos que invadem a premiação onde ele acompanha Iris, mas os efeitos colaterais de seus novos superpoderes representam uma ameaça.'} ] }, showEpisodeBrowser: false, currentEpisode : { episode: 1, season: 1 }, } }); </script> </body> </html> Mas não sei como adptar o $dados['link'] = $item['link']; Ali em videoSrc: ' ' tem o url do video em mp4 dentro da Tabela: "players" na coluna link mas não sei passar ela pro JS
      Alguém pode fazer o code Pronto para min por favor?
    • Por Diogo Ribeiro
      Estou fazendo um formulário em inglês e o required está ficando em português coloquei <html lang="en"> e continua em português, gostaria de saber se tem como a mensagem do required ser em inglês
    • Por Vlinks
      Olá, estou com esse problema bem chato haha, toda vez que clico em detalhar e ela abaixa, o conteúdo abaixo simplesmente vai para o lado, como eu faço para ele ficar estático no seu canto?(ex nas imagens)
      //css relevante .coluna_lanches{ width: 200px; float: left; margin: 10px; border-radius: 10px; text-align: center; margin:30px; margin-right: -15px; padding: 0; display: inline-block; } .comecar_pedido{ color: white; background-color: #bd0017; color: #fff; box-shadow: none; background-image: none; border-radius: 2px; margin: 0; font-weight: bold; border: 0; } .detalhar_produto{ color: white; background-color: #4080bf; color: #fff; box-shadow: none; background-image: none; border-radius: 2px; margin: 0; font-weight: bold; border: 0; cursor: pointer; height: auto; padding: 0; } .conteudo_box{ overflow: auto; width: 1200px; margin: 0 auto; height: auto; background-color: #f2f2f2; border-radius: 10px; } .detalha_esconde{ overflow: hidden; padding: 0; }#detalhar{ word-wrap: break-word; } php/html relevante <div class="conteudo_box" class="wrapper"> <?php while($linha = mysqli_fetch_array($resultado, MYSQLI_BOTH)){ $id = $linha["id_produto"]; ?> <div class='coluna_lanches'> <?php echo "<img src='../lanche/foto/" . $linha["nome_imagem"] . "' height='80' width='80'>" . "<br>"; echo $linha["Nome_produto"] . "<br>"; echo 'R$ ' . number_format($linha["Preco_produto"], 2, ',', '.'); // retorna R$100.000,50 ?> <div class="detalhar_produto" data="<?php echo $id; ?>"> <?php echo "Detalhar";?> <div class="detalha_esconde" id="detalha_esconde<?php echo $id; ?>"> <p id="detalhar"><?php echo $linha["descricao"] . "</br>"; ?></p> </div> </div> <a class='linkmenu' <?php echo "href='acrescimo.php?id=$id&acao=add'>";?> <div class="comecar_pedido"> <?php echo "Colocar no Carrinho";?> </div></a> </div> <?php } ?> </div>