この例に示されている単純な水平リスト メニューを作成しようとしています。調べて複製できる同様の例を見つけることができません。
この点で助けていただければ幸いです。
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a>
<ul>
<li><a href="graphic-design.html">Graphic Design</a></li>
<li><a href="web-design.html">Web Design</a></li>
<li><a href="multimedia.html">Multimedia</a></li>
<li><a href="exhibitions.html">Exhibitions</a></li>
<li><a href="trademarketing.html">Trade Marketing</a></li>
</ul>
</li>
<li><a href="work.html">Work</a></li>
<li><a href="clients.html">Clients</a></li>
<li><a href="wordpress">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
CSS
nav#mainnav ul {
bottom: 57px;
height: 0;
list-style: none outside none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
}
nav ul {
list-style: none outside none;
}
ol, ul {
color: #242320;
font-size: 0.8em;
font-weight: bold;
line-height: 1.3em;
margin: 10px 40px;
}
ul {
margin-left: 30px;
}
アップデート:
水平メニューとして機能させることはできますが、しばらくするとサブメニューをフェードアウトできません。例の更新を行うにはどうすればよいですか