Question

所以我使用ASP.NET中的母版页创建了一个菜单，但是我不知道如何把它放在我希望它位于页面右上角的位置，但不是因为我想要也使用横幅。代码如下所示：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="NewWebsite.Site1" %>

<!DOCTYPE html>    
<html>
<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div id="header">

    </div>
    <div id="header2">
    <form id="form1" runat="server">
    <div>
        <h2>Menu</h2>
        <table>
        <tr>
        <td><a href="HomePage.aspx"> Home Page</a></td>
        </tr>
            <tr>
        <td><a href="TopFighter.aspx"> Top Fighters</a></td>
        </tr>
            <tr>
        <td><a href="YoutubeVideos.aspx">Videos</a></td>
        </tr>
            </table>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    </form>

    </div>
    <div id="left">

    </div>
</body>
</html>

并且css看起来像这样：

body {
    background-color:black;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 16px;
    direction:rtl;
    border-color:cornsilk;
}
#header{
    height:120px;
    background:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSljBA8SLU52gNwOjT0HYxWNs17EXF3ykPDNLaiwy0lsC4rx71w") repeat-x;
    direction:rtl;
    text-align:center;
    position:fixed;
}
#header2 {
    height:50px;
}
p {
    direction:rtl;
    text-align:left;
    color:brown;
    font-size: x-large;
}
HomePage picture {
    text-align: left;
}

table, td {
    border: 1px white solid;
    border-collapse: collapse;
    border-spacing: 30px;
}

td {
    font-size: 23px;
}

td {
    padding-top: .5em;
    padding-bottom: .5em;
}

h1 {
    text-align: center;
}

img {
    padding: 5px;
}

video1 {
    text-align: left;
    position: absolute;
}

video2 {
    text-align: left;
    position: relative;
}

#video1 {
    position: static;
    text-align: left;
}

#video2 {
    position: static;
    text-align: left;
}

h3 {
    text-align: left;
}

只是让你明白这是一个学校项目，我真的不熟悉ASP所以我想要一个非常简单的解释，这是我在这里的第一篇文章，所以如果我忘了添加一些东西请告诉我和我将编辑此内容。

如何将母版页的菜单放在页面的右上角？ ASP.NET

0 个答案: