MayCampos 0 Denunciar post Postado Março 30, 2016 Olá, estou criando um site simples, porem peguei um layout ancorado e bootstrap na net. Coloquei um link a mais no menu e não ancorado que irá direto para o login, porem ao colocar "login.html" ele não direciona pra pagina (já feita e na mesma pasta) eu minha amiga não achamos o erro ou que nao deixa ir pro link de jeito nenhum. Segue o codigo e o css do menu. O link "login.html que nao esta indo <!DOCTYPE html> <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]><html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> <title>Sprint - HTML5 Responsive Template</title> <meta name="description" content=""> <!-- Sprint Template http://www.templatemo.com/tm-401-sprint --> <meta name="viewport" content="width=device-width"> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/templatemo_misc.css"> <link rel="stylesheet" href="css/templatemo_style.css"> <script src="js/vendor/modernizr-2.6.2.min.js"></script> </head> <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <![endif]--> <div id="front"> <div class="site-header"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-6"> <div id="templatemo_logo"> <h1><a href="#">Acessi<i>Free</i></a></h1> </div> <!-- /.logo --> </div> <!-- /.col-md-4 --> <div class="col-md-8 col-sm-6 col-xs-6"> <a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a> <div class="main-menu"> <ul> <li><a href="#front">Home</a></li> <li><a href="#services">Sobre</a></li> <li><a href="#product-promotion">Serviços</a></li> <li><a href="#contact">Contact</a></li> <li><a href="login.html">Login</a></li> </ul> </div> <!-- /.main-menu --> </div> <!-- /.col-md-8 --> </div> <!-- /.row --> <div class="row"> <div class="col-md-12"> <div class="responsive"> <div class="main-menu"> <ul> <li><a href="#front">Home</a></li> <li><a href="#services">Sobre</a></li> <li><a href="#product-promotion">Serviços</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </div> </div> </div> </div> <!-- /.container --> </div> <!-- /.site-header --> </div> <!-- /#front --> ========================================================================== */ .site-header { position: fixed; min-height: 80px; height: 102px; width: 100%; z-index: 9999; background-color: #161616; } #templatemo_logo { background-color: #1874CD; background-image: url(../images/templatemo_logo.png); background-repeat: no-repeat; background-position: 70px center; height: 102px; display: block; } #templatemo_logo h1 { margin: 0; text-transform: uppercase; font-weight: 600; line-height: 102px; display: block; } #templatemo_logo h1 a { margin-left: 140px; color: white; display: block; } .main-menu { text-align: center-left; position: relative; } .main-menu ul { position: absolute; background-color: #161616; width: 150%; } .main-menu ul li { display: inline-block; width: 150px; text-align: center; line-height: 102px; } .main-menu ul li a { color: white; font-weight: 600; font-size: 18px; text-transform: uppercase; outline: 0; border: 0; display: block; } .main-menu ul li a.current { background: url(../images/active-state.png) no-repeat; background-position: center 65px; } .toggle-menu { display: none; margin: 40px 35px 0 0; font-size: 24px; color: white; text-align: right; } .responsive .main-menu { display: none; } .responsive .main-menu ul li { width: 100%; } .responsive .main-menu ul li a { line-height: 55px; padding: 10px 20px; } .responsive .main-menu ul li a.current { background-image: none; color: #26b864; border-bottom: 0; } Compartilhar este post Link para o post Compartilhar em outros sites
L. Henrique 179 Denunciar post Postado Março 30, 2016 MayCampos,Primeiro vamos entender com o que você está lidando e ai sim vamos aos problemas...No menu ele possui alguns anchors com href pra id's de algumas divs (creio que esse template é um OnePage Scroll, certo?) Levando em consideração que é um template, isso pode ocorrer por N motivos, mas vamos tentar do mais básico.Seu site está hospedado? Se sim: <li><a href="http://seusite.com.br/login.html">Login</a></li> Seus arquivos estão organizados da maneira abaixo? Root |_ css |_ style.css |_ js |_ functions.js |_ img |_ imagem.jpg |_ index.html |_ login.html Está usando ele localmente com XAMPP, MAMP ou algo assim? <li><a href="/login.html">Login</a></li> Ou está só visualizando pelo browser mesmo o modelo em HTML? <li><a href="login.html">Login</a></li> Normalmente era pro seu modelo estar funcionando... Se nenhuma das soluções acima estiver resolvendo o seu problema, faça o seguinte teste: <li><a href="http://google.com.br/">Login</a></li> Se ele redirecionar para a página do Google, significa que tudo está ok com o seu código, mas pode ter algo errado com a forma que estruturou os arquivos dentro da pasta. Talvez tenha tido algum equívoco em alguma informação e por ai vai... Acontece...Se precisar de ajuda, tenho mais disponibilidade via facebook (também consta no meu perfil do iMasters), pode mandar suas dúvidas por lá. Compartilhar este post Link para o post Compartilhar em outros sites
MayCampos 0 Denunciar post Postado Março 30, 2016 Olá, Henrique obrigada pela ajuda, estou visualizando pelo broswer mesmo, por isso o login.html e usei a sua dica de de usar o google e mesmo assim nada Compartilhar este post Link para o post Compartilhar em outros sites