[英]not able to create horizontal menu drop down
我正在通過查看圖像來設計頁面。 我無法使用菜單欄設計,因為我無法弄清楚如何設計圖像中的菜單欄。 它應該與我的圖像完全匹配。
我嘗試創建該圖像所示的水平菜單欄,但是以某種方式根本沒有顯示我的菜單。 看來它們隱藏在某個地方。 這是我的HTML代碼:
<div class="topnav">
<img src="https://s4.postimg.org/ojd13poal/northman_wordmark_CMYK.png">
<nav>
<ul>
<li class="dropdown">
<a href="#"><b>PROGRAMS</b> <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-content">
<li><a href="#"><i>INDIVIDUAL</i></a>
</li>
<li><a href="#"><i>CORPORATE</i></a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#"><b>WORLD OF NORTHMAN</b> <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-content">
<li><a href="#"><i>BE EXTRODINARY</i></a>
</li>
<li><a href="#"><i>RISK & REWARD</i></a>
</li>
<li><a href="#"><i>BLOG</i></a>
</li>
<li><a href="#"><i>OUR STORY</i></a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header"> <img class="header-background" src="https://s3.postimg.org/yr4kr8v0j/kaestle-chris-davenport-antarktis-2009-04.png"> <img class="orange-bar" src="https://s23.postimg.org/od4umnehn/orange-bar.png">
<h1 class="text-inside-orange">INSURANCE FOR THE WILD</h1>
</div>
我在這里做什么錯? 我還需要Log in | Sign up
Log in | Sign up
使用的字體aswesome(我已經導入它的CSS在我的jsfiddle)和GET COVERED
按鈕為好。
前兩個問題是:
.dropdown {
display: none; /* get rid of this */
}
並且您需要將img浮動:左。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.