用asp.net中的圖片替換網站標題MVC

每次我嘗試用橫幅圖片替換網站標題時，格式化會變得混亂起來，通常，應該在頁眉底部對齊的所有鏈接都浮到頂部並且弄亂了，有沒有人遇到過這種情況，並且知道如何解決它？用asp.net中的圖片替換網站標題MVC

這裏是我使用的標題：

<header> 
    <div class="content-wrapper"> 
     <div class="float-left"> 
      <p class="site-title">@Html.ActionLink("FantasiTrade", "Index", "Home")</p> 
     </div> 
     <div class="float-right"> 
      <section id="login"> 
       @Html.Partial("_LoginPartial") 
      </section> 
      <nav> 
       <ul id="menu"> 
        <li>@Html.ActionLink("Home", "Index", "Home")</li> 
        <li>@Html.ActionLink("Browse Units", "", new { area = "", controller = "Units"})</li> 
        @{ if (User.Identity.Name != null) { if (User.Identity.Name != ""){ 
        <li>@Html.ActionLink("Sell Unit", "Create", new { area = "", controller = "ActiveTrades" })</li> 
        <li>@Html.ActionLink("Your Profile", "profile", new { user = User.Identity.Name, area = "", controller = "ActiveTrades"})</li>}}} 
       </ul> 
      </nav> 
     </div> 
    </div> 
</header>

我想要的鏈接停留在頭的底部對齊，而不是浮到頂部的「菜單」列表中，當我更換：

<p class="site-title">@Html.ActionLink("FantasiTrade", "Index", "Home")</p>

有了：

<img src = "mybanner.jpg" />

由於任何人能幫助我！

CSS的要求，我認爲這是相關的部分，實際的文件是巨大的，讓我知道，如果你想看到這一切：

/* site title 
----------------------------------------------------------*/ 
.site-title { 
    color: #000000; 
    font-family: "Franklin Gothic Medium", Rockwell, Consolas, "Courier New", Courier, monospace; 
    font-size: 3em; 
    margin: 0px; 
    margin-left: 25px; 
} 

.site-title a, .site-title a:hover, .site-title a:active { 
    background: none; 
    color: #000000; 
    outline: none; 
    text-decoration: none; 
} 


/* login 
----------------------------------------------------------*/ 
#login { 
    display: block; 
    font-size: .85em; 
    margin: 0 0 10px; 
    text-align: right; 
} 

    #login a { 
     background-color: #d3dce0; 
     margin-left: 10px; 
     margin-right: 3px; 
     padding: 2px 3px; 
     text-decoration: none; 
    } 

    #login a.username { 
     background: none; 
     margin: 0; 
     padding: 0; 
     text-decoration: underline; 
    } 

    #login ul { 
     margin: 0; 
    } 

    #login li { 
     display: inline; 
     list-style: none; 
    } 


/* menu 
----------------------------------------------------------*/ 
ul#menu { 
    font-size: 1.3em; 
    font-weight: 600; 
    margin: 0 0 5px; 
    padding: 0; 
    text-align: right; 
} 

    ul#menu li { 
     display: inline; 
     list-style: none; 
     padding-left: 15px; 
    } 

     ul#menu li a { 
      background: none; 
      color: #999; 
      text-decoration: none; 
     } 

     ul#menu li a:hover { 
      color: #333; 
      text-decoration: none; 
     }

來源

2013-07-03 kgst

這與mvc無關。這與你的CSS有關。所以，如果你需要幫助，你必須在這裏粘貼你的CSS。 – jzm

你錯過了關於src =「」'屬性的''' – Dai

@rudeovskizebear同意了，kgst：請發佈你的渲染標記和CSS，而不是你的Razor源代碼 – Dai

嘗試<img src = "mybanner.jpg" />也migth是一個未關閉標籤的地方儘管你的標題看起來很乾淨，除了沒有加粗的雙引號。

來源

2013-07-03 02:31:59

對不起「失蹤」只是在這篇文章，而不是在網站上，但感謝您的迴應。 – kgst

用asp.net中的圖片替換網站標題MVC

回答

相關問題