網站標題問題

Question

小提琴： http : //jsfiddle.net/Slayerk96/384vy/

我的標頭很古怪而且不專業。 我一直在玩這個標頭，但似乎無法正確處理。 當前標題：（通知首頁和我的名字之間的一行）

Name(underlined) Home_blog_contact

我試圖使用CSS定位這些項目，但CSS不會正確調整它。

我正在嘗試使其看起來像：

Name(bold and big no underline) Home Blog Contact(on same line)

當前的CSS

.nav {
  background-color: #000000;
  color: #CCCCCC;
  font-style: italic;
  font-size: 30px;
  border-color: 000000;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
}

.Menu
{
 display: inline-block;
    float: right;
    text-decoration: none;
    width: 40%;
}
.Menu li{
  display: inline;
  background-color: #000000;
}

.Menu li a{
  color: #CCCCCC;
  font-style: italic;
  font-size: 20px;
  text-decoration: none;
}

.Name {
  float: left;
}

.Menu li a:hover {
  color: #FFFFFF;
}

當前HTML：

<!DOCTYPE html>
<html>
  <head>
    <Title>Name</Title>
    <link rel="stylesheet" href="My Site Template.css">
    <script src="Page on googleapis.com"></script>
    <script src="styling my site.js"></script>
  </head>
  <body>
   <div class='nav'>
 <ul class='Menu'>
        <li><a href='#'><span>Home</span></li>
        <li><a href='#'><span>Blog</span></li>
        <li><a href='#'><span>Contact</span></li>
      </ul>     
 <h1 class='Name'>Name</h1>
    </div>

Answer 1

正如Roko C. Buljan正確指出的那樣，您忘記了關閉錨標簽：

http://jsfiddle.net/LimitedWard/9xh5L/

<div class='nav'>
    <ul class='Menu'>
        <li><a href='#'><span>Home</span></a></li>
        <li><a href='#'><span>Blog</span></a></li>
        <li><a href='#'><span>Contact</span></a></li>
    </ul>     
    <h1 class='Name'>Name</h1>
</div>

好的文本編輯器（例如Sublime Text）可以通過使用語法突出顯示和自動完成功能來解決此問題。

編輯：您還可以在.menu中添加padding-top ，以使其與.Name垂直對齊。

網站標題問題

問題描述

1 個解決方案

解決方案1
0 已采納 2014-08-04 18:46:26

網站標題問題

問題描述

1 個解決方案

解決方案1 0 已采納 2014-08-04 18:46:26

解決方案1
0 已采納 2014-08-04 18:46:26