Já to dělám domácí úkol na CSS animace a musím přidat navigaci do všech stránek.
Jeden z mých stránek má animované pozadí celé stránky. Přidal jsem odkaz, který by měl mít uživatel zpět na domovskou stránku, ale tento odkaz nemůže být kliknul, nebo se vznášel na?
Tady je moje 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 se to být problém s z-index na můj div kontejner! :)