Question

我试图在标题上放置导航栏但没有成功。我在这个网站上搜索过，但我找不到答案。

EDITED：添加了标记html。

Here the picture

 <!DOCTYPE html>
 <html lang="en">
 <head>
 <title>"New York City"</title>
 <meta charset="uft-8">
 <style>


@font-face {
    font-family: Breamcatcher; src: url('Breamcatcher.ttf'); 
}

body {
    background: url("New York City Night.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover; 
}

#header {
    margin: auto;
    background-color: black;
    /*Opacity start*/
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and eariler */
    /*Opacity end*/
    font-family: Breamcatcher, san-serif;
    font-size: 500%;
    text-align: center;
    top: 0;
    left: 0;
    width: 1000px;
    height: 300px;
    padding: 0; 
}

span.header2 {
    margin: auto;
    color: orange;
    font-size: 185%; 
} 

  </style>
  </head>
  <body>

  <div id="header"><span class="header2"> New York City </span></div>

  </body>
  </html>

如何将其放在标题上？另外我如何添加徽标？谢谢！

Here the picture

Answer 1

即使你还没有真正给我们提供足够的信息，我也会尝试帮助你。

基本上，您可能希望在标题中添加无序列表来表示您的链接。这不是添加导航菜单的唯一方法，但它是最常见的方式之一。你可以这样做：

<div id="header">
    <span class="header2">New York City</span>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Press</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
</div>

然后你需要添加一些CSS，以便list items显示在一个水平线上，如下所示：

nav ul > li {
    display:inline-block;
    font-size:16px;
}

您可以看到一个示例（没有背景图片）here。从那里你可以添加一些CSS，使它看起来像你想要的那样。

您还提到要添加徽标，除了目前在标题中的span之外，您的意思是什么？我会考虑＆＃34;纽约市＆＃34; span成为＆＃34;徽标。＆＃34;如果您需要进一步的帮助，请给我们一些代码/细节。

最后一件事，你在＆＃34;纽约市＆＃34;周围有引号。在title标记中。除非您打算让他们在那里，否则不需要这些引号。

导航栏上的标题？

1 个答案: