HTML CSS в проекте asp.net MVC по умолчанию - PullRequest
Новая
       11

HTML CSS в проекте asp.net MVC по умолчанию

2 голосов
/ 13 марта 2009

Код по умолчанию показывает пункт меню Home, выровненный по правому краю. Я изменил ul: menu и добавил атрибут float: left, чтобы меню «Home» тоже было выровнено по левому краю страницы, но безрезультатно.

Есть ли способ показать «домашнее» меню в левом конце страницы? Я пытаюсь создать строку меню, похожую на SO в качестве учебного проекта

1 Ответ

3 голосов
/ 13 марта 2009

это проблема CSS, но в site.css вы можете внести следующие изменения: 

#menucontainer
{
    margin-top:40px;
    clear: both; /* Add this*/
}

and also

ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: left; /* Change from right to left */
}

Работа для этого сайта. Мастер 

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <asp:ContentPlaceHolder ID="head" runat="server">
        <title></title>
    </asp:ContentPlaceHolder>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="page">
        <div id="header">
            <div id="title">
                <h1>My MVC Application</h1>
            </div>
            <div id="logindisplay">
                <% Html.RenderPartial("LogOnUserControl"); %>
            </div> 
            <div id="menucontainer">
                <ul id="menu">              
                    <li><%= Html.ActionLink("Home", "Index", "Home")%></li>
                    <li><%= Html.ActionLink("About", "About", "Home")%></li>
                </ul>
            </div>
        </div>
        <div id="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
            <div id="footer">
            </div>
        </div>
    </div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...