Jump to content

Nhyl

Members
  • Content count

    3
  • Joined

  • Last visited

Community Reputation

0 Comum

About Nhyl

  1. Nhyl

    Jquery não acha o arquivo

    Segue abaixo os códigos que estou desenvolvendo e o erro que aparece no console... Alguém podia dar uma mão? xD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PRODUTOS</title> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <link href="css\style.css" rel="stylesheet" /> <body> <div id="fixed_menu"> <div id="menu"> MENU </div> <nav id="produtos_"> <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_1">PRODUTO 1</a></div> <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_2">PRODUTO 2</a></div> <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_3">PRODUTO 3</a></div> </nav> </div> <div class="caixa_produtos" data-container="produto_1"> Produto 1 </div> <div class="caixa_produtos" data-container="produto_2"> Produto 2 </div> <div class="caixa_produtos" data-container="produto_3"> Produto 3 </div> <div id="mapa_do_site"> <div class="mapa"> MAPA DO SITE </div> </div> <div id="copyright"> copyright </div> </body> </html> $ (document).ready(function () { // Variaveis locais // var _containerMenu = $('[data-container="menu"]'); var _containerLink = $('[data-container="link"]'); // Evento scroll de Produtos // _containerLink.click(function () { var _sessao = $(this).data('link'); function Posicao(Seletor) { var _alturaMenu = parseInt(_containerMenu.outerHeight()); var _posicao = parseInt(($('[data-container="'+Seletor+'"]').position().top) - _alturaMenu); return _posicao; } $('html,body').animate({scrollTop: Posicao(_sessao)}, 1300); return false; }); }); console.log(_containerLink);
  2. Nhyl

    Problema com width HTML | CSS

    Troquei o nome da class para "produto", sem o "s" - Ajustei no CSS para ".produto" e ainda não deu... =/
  3. Boa tarde, Segue meu html, css e print do que está acontecendo. Não era pros articles ficarem com 100px? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Projeto</title> <link href="css\style.css" rel="stylesheet" /> </head> <body> <div id="conteudo"> <div id="menu"> menu </div> <div id="infos"> infos </div> <div id="produtos"> <div class="produtos">01</div> <div class="produtos">02</div> <div class="produtos">03</div> <div class="produtos">04</div> </div> </div> </body> </html> #conteudo{ background: #FFF; widht: 850px; height: 1000px; } #menu{ witdh: 850px; height: 40px; background: #333; } #infos{ witdh: 850px; height: 600px; background: #EFEFEF; } #produtos{ witdh: 350px; height: 250px; background: #FFF; display: flex; flex-direction: row; flex-wrap: no-wrap; justify-content: space-around; } .produtos{ witdh: 100px; height: 245px; background: #E9E9E9; margin: 5px; }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.