I can not show a page when I click on html

1

I am editing an html template to adapt it to a personal project, then when I create the different buttons to reference their pages, there is one that does not allow me to send it, apparently it is blocked and I have reviewed all the html and css code. please help me.

here is the html code.

<div id="navbar" class="navbar-collapse collapse">
                  <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#" data-nav-section="home"><span>Inicio</span></a></li>
                    <li><a href="#" data-nav-section="services"><span>Servicios</span></a></li>
                    <li><a href="#" data-nav-section="register"><span>Registrarse</span></a></li>
                    <li><a href="#" data-nav-section="contact"><span>Contactenos</span></a></li>
                    <li><a href="Inicio.html"> <span>Login</span></a></li>
                  </ul>
                </div>
                </nav>

This is the template I use: link

    
asked by Hensel Brito 29.10.2018 в 16:01
source

3 answers

2

What happens is that the template you are using is intended to be a single page and the links on the menu use javascript to move within the page itself and block the normal behavior of the links.

In the code I have seen that the script is applied to the menu links that do not have the class external so the easiest thing so that you do not have to change anything is to put that class to the link you want it to point to login.html :

<div id="navbar" class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
        <li><a href="#" data-nav-section="work"><span>Galeria</span></a></li>
        <li><a href="#" data-nav-section="services"><span>Servicios</span></a></li>
        <li><a href="#" data-nav-section="contact"><span>Contactenos</span></a></li>
        <li><a class="external" href="login.html">Login</a></li>
    </ul>
</div>
    
answered by 30.10.2018 в 09:06
0

In this line you are referring to Inicio.html - where that page is, it should be in the same directory.

<li><a href="Inicio.html"> <span>Login</span></a></li> 

They are in the same folder:

    
answered by 29.10.2018 в 16:26
0

Try javascript.

<div id="navbar" class="navbar-collapse collapse">
                  <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#" data-nav-section="home"><span>Inicio</span></a></li>
                    <li><a href="#" data-nav-section="services"><span>Servicios</span></a></li>
                    <li><a href="#" data-nav-section="register"><span>Registrarse</span></a></li>
                    <li><a href="#" data-nav-section="contact"><span>Contactenos</span></a></li>
                    <li><a onclick="location.href='Inicio.html'"> <span>Login</span></a></li>
                  </ul>
                </div>
                </nav>
    
answered by 29.10.2018 в 16:22