Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MayCampos

não consigo linkar o menu

Recommended Posts

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

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

 

 

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

×

Informação importante

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