0
Ich kann nicht herausfinden, warum die erste Stufe (Bilder und Videos) Dropdown-Menü horizontal angezeigt wird. Ich habe viele verschiedene Dinge ausprobiert, aber ich kann das nicht herausfinden. Die 2. Stufe (Portraits, Landscapes, Abstract) wird vertikal angezeigt.Nav Menu Dropdown wird nicht vertikal angezeigt
Ich bin immer noch neu, also bin ich sicher, dass es eine einfache Lösung ist. Jede Hilfe wird sehr geschätzt.
/* Navigation Menu */
.nav {
\t list-style-type: none;
\t margin: 0;
\t padding: 0 15px;
\t float: right;
\t width: 100%;
\t background-color: rgba(256, 256, 256,.25);
}
\t li{
\t \t float: right;
\t \t list-style-type: none;
\t \t padding-top: 10px;
\t }
\t
\t li a {
\t \t display: block;
\t \t color: rgb(0,0,0);
\t \t padding: 5px 16px 15px 16px;
\t \t font-family: 'Abel', sans-serif;
\t \t text-decoration: none;
\t }
\t li a:hover { \t
\t \t color: #000000;
\t \t padding-bottom: 10px;
\t \t border-bottom: 4px solid #000000;
\t }
\t li > .gallerydrop, .picturesdrop {
\t \t display: none; \t
\t }
\t li:hover > .gallerydrop {
\t \t display:block;
\t \t position: absolute;
\t \t padding: 0;
\t \t background-color: rgba(256, 256, 256,.25);
\t } \t
\t li:hover > .picturesdrop {
\t \t display:block;
\t \t position: absolute;
\t \t padding: 0;
\t \t background-color: rgba(256, 256, 256,.25);
\t }<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="nav.css" type="text/css">
<title>Nav</title>
<meta charset="utf-8">
</head>
<nav> \t
\t <ul class="nav">
\t \t <li><a href="contact.html">Contact</a></li> \t \t
\t \t <li><a href="aboutme.html">About Me</a></li> \t
\t \t <li><a href="details.html">Details</a></li> \t
\t \t <li><a href="gallery.html">Gallery</a>
\t <ul class="gallerydrop">
\t <li><a href="videos.html">Videos</a></li>
\t \t <li><a href="pictures.html">Pictures</a>
\t \t \t <ul class="picturesdrop">
<li><a href="portraits.html">Portraits</a></li>
<li><a href="landscapes.html">Landscapes</a></li>
<li><a href="abstract.html">Abstract</a></li>
\t \t \t </ul>
\t \t \t </li>
\t </ul>
</li>
\t \t <li class="li"><a href="home.html">Home</a></li>
\t </ul> \t
</nav>
</html
Ach, das macht Sinn. Diese kleinen Dinge, über die ich sehe. Danke. Das hat mich so sehr gestört. – NightBlood09