Eu fac tema pe animații CSS și am nevoie să adăugați navigare pentru toate paginile.
Una dintre paginile mele are un fundal animat de-a lungul întregii pagini. Am adăugat un link care ar trebui să ia utilizatorul înapoi la pagina de start, dar această legătură nu poate fi accesat sau planat pe?
Aici este meu HTML:
<div class="nav">
<nav>
<ul>
<li><a href="index.html">Motion Samples</a></li>
</ul>
</nav>
</div>
confirm u are allready other page not in index
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">add pets</a>
</li>
{% if user.is_authenticated %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
{{user}}
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li>
<a class="dropdown-item" href="{% url 'account_email' %}">Change E-mail</a>
</li>
<li><a class="dropdown-item" href="{% url 'account_change_password' %}">Change Password</a></li>
<li><a class="dropdown-item" href="{% url 'account_logout' %}">Sign Out</a></li>
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{% url 'account_login' %}">Sign In</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'account_signup' %}">Sign Up</a></li>
</li>
{% endif %}
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
S-a dovedit a fi o problemă cu z-index pe div container! :)