0
最初の層（ピクチャとビデオ）のドロップダウンメニューが水平に表示される理由を理解できません。私はさまざまなことを試みましたが、これを理解することはできません。第2層（肖像画、風景、抽象）は垂直に表示されます。ナビゲーションメニュードロップダウンが垂直に表示されない
私はまだこのすべてに慣れていないので、簡単に修正できると確信しています。どんな助力も非常に高く評価されます。
/* 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
ああ、それは理にかなっています。私が見ているそれらの小さな事。ありがとうございました。これは私をそんなに悩ませていた。 – NightBlood09