Question

我正在通过查看我的图像来设计页面。我被困在菜单栏设计上，因为我无法弄清楚如何设计菜单栏，就像我在图像中一样。它应该与我在图像中的内容完全匹配。

这是我的jsfiddle，这是我想要复制的image。

我尝试创建水平菜单栏，如图中所示，但不知怎的，我的菜单根本没有显示。看起来它们隐藏在某个地方。这是我的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>

我在这里做错了什么？另外，我需要使用字体asWesome（我已经在我的jsfiddle中导入了它的css）和Log in | Sign up按钮来制作GET COVERED。

Answer 1

前两个问题是：

<sap.m.Select>

你需要你的img浮动：左。

无法创建水平菜单下拉菜单

1 个答案: