Robím to, domáce úlohy na CSS animácie a musím pridať navigáciu do všetkých strán.
Jeden z mojich stránok má animované pozadia po celej stránke. Pridal som odkaz, ktorý by mal mať užívateľ späť na úvodnú stránku, ale tento odkaz nie je možné klikli alebo vznášal sa na?
Tu je môj 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>
Ukázalo sa, že problém s z-index na mojom div kontajner! :)