Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Problema no Href

Referente ao curso Bootstrap: criação de uma single-page responsiva, no capítulo Navegando entre as seções com a navbar e atividade Estilizando nosso menu usando o navbar

por Marcos Roberto da Silva Junior
| 70k xp | 2 posts

Estou tendo um problema com meu menu lateral, o href não esta funcionando, sempre que clico para ser redirecionada para outra pagina, a div class="navbar-default sidebar" muda de nome e não sou redirecionado para pagina que queria ir, alguem poderia me ajudar?

insira seu código aqui

<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav dropdown-toggle" data-toggle="dropdown">
                    <ul class="nav" id="side-menu">
                        <li class="sidebar-search">
                            <div class="input-group custom-search-form">
                                <input type="text" class="form-control" placeholder="Pesquise...">
                                <span class="input-group-btn">
                                <button class="btn btn-default" type="button" runat="server" id="btnPesquisar">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                            </div>
                        </li>
                        <li>
                            <a href="~/Dashboard.aspx" runat="server"><i class="glyphicon glyphicon-home"></i> Início</a>
                        </li>
                        <li>
                            <a href="~/Cursos.aspx" runat="server"><i class="glyphicon glyphicon-book "></i> Cursos</a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-keyboard-o fa-fw"></i> Cadastros<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="Login.aspx"> Usuários</a>
                                </li>
                                <li>
                                    <a href="CadastroCursos.aspx"> Cursos</a>
                                </li>
                                <li>
                                    <a href="CadastroAulas.aspx"> Aulas</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

insira seu código aqui ```

2 respostas
por Mauricio Junior Silva do Nascimento
| 123.7k xp | 1 posts

Acho que o ideal é você postar seu código pro pessoal poder analisar, e lhe ajudar.

solução!
por adson rodrigues
| 214.9k xp | 8 posts

Olá Marcos, você teve esse código aqui..


<div class="navbar-default sidebar">
    <div class="sidebar-nav dropdown-toggle">
        <ul>
            <li>
                <div class="input-group custom-search-form">

                    <span class="input-group-btn">
                    <button class="btn btn-default" type="button" id="btnPesquisar">

                    </button>
                </span>
                </div>
            </li>
            <li>
                <a href="teste1.html" rel="nofollow"> Início</a>
            </li>
            <li>
                <a href="~/Cursos.aspx" rel="nofollow"> Cursos</a>
            </li>
            <li>
                <a href="#" rel="nofollow"> Cadastros<span class="fa arrow"></span></a>
                <ul>
                    <li>
                        <a href="Login.aspx" rel="nofollow"> Usuários</a>
                    </li>
                    <li>
                        <a href="CadastroCursos.aspx" rel="nofollow"> Cursos</a>
                    </li>
                    <li>
                        <a href="CadastroAulas.aspx" rel="nofollow"> Aulas</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

bom, se você tiver tentando acessar um site como google.com você coloca no href="http://www.google.com"

se você tiver tentando acessar uma página sua.. não entendi porque você está usando o '~' mas se você quer voltar uma pasta use o '.' para isso.. por exemplo ../folder1/teste.html

Eu testei e funcionou aqui tanto o link pro google com http como o teste1.html na div..