Fatal编程技术网
  • html/
  • Html 在visualbasic中对齐导航菜单

Html 在visualbasic中对齐导航菜单

html css vb.net navigation

Html 在visualbasic中对齐导航菜单,html,css,vb.net,navigation,Html,Css,Vb.net,Navigation,这是我的全部代码。我没有修改我的默认css代码。有人知道如何将导航条与徽标旁边的右侧对齐吗？请注意，我目前正在学习VisualBasicWeb应用程序构建，我在这方面的知识非常有限 谢谢 <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="default.aspx.vb" Inherits="Wiltshire_mobile._default" %> <!DOCTYPE html PUBLIC "-//W3C/

这是我的全部代码。我没有修改我的默认css代码。有人知道如何将导航条与徽标旁边的右侧对齐吗？请注意，我目前正在学习VisualBasicWeb应用程序构建，我在这方面的知识非常有限

谢谢

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="default.aspx.vb" Inherits="Wiltshire_mobile._default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            font-size: large;
        }
        .style2
        {
            text-align: right;
        }
        .style3
        {
            width: 162px;
            height: 83px;
            border-width: 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="style2">
        <asp:Button ID="mysiteloginbutton1" runat="server" Text="My Site Login" BackColor="#FF9900"
            ForeColor="White" Style="text-align: right" /> &nbsp;<span class="style1"><strong 
            style="text-align: left"><a 
            href="#">Sign up</a> | <a href="#">Help</a> |<asp:DropDownList 
            ID="DropDownList1" runat="server" AutoPostBack="True">
            <asp:ListItem>English</asp:ListItem>
            <asp:ListItem>Bangla</asp:ListItem>
        </asp:DropDownList>

        </div>
        <div>
            <a href="http://www.wiltshire-mobile.com">
            <img alt="Wiltshire mobile website logo" class="style3" src="Images/logo.PNG" /></a> <span class="style1"><strong 
            style="text-align: left">
            <asp:Menu ID="Menu1" runat="server" StaticSubMenuIndent="16px">
                <Items>
                    <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
                    <asp:MenuItem Text="Features" Value="Features"></asp:MenuItem>
                    <asp:MenuItem Text="Tour" Value="Tour"></asp:MenuItem>
                    <asp:MenuItem Text="Plans" Value="Plans"></asp:MenuItem>
                    <asp:MenuItem Text="Blog" Value="Blog"></asp:MenuItem>
                </Items>
            </asp:Menu>
            </strong></span>
            <br />
            <br />
            Mobile image
            <br />
    </div>
    </form>
</body>
</html>


.style1
{
字体大小：大号；
}
.style2
{
文本对齐：右对齐；
}
.style3
{
宽度：162px；
高度：83px；
边框宽度：0px；
}
||





移动图像
我相信这就是你想要实现的目标：

<body>
    <table style="width: 100%">
        <tr valign="middle">
            <td colspan="2">
                <span style="font-size: 16pt; font-family: Verdana">
                    <a href="http://www.wiltshire-mobile.com">
                        <img alt="Wiltshire mobile website logo" class="style3" src="Images/logo.PNG" /></a> <span class="style1"><strong style="text-align: left">
                </span>
            </td>
            <td style="width: 80%">

            </td>
       </tr>
       <tr valign="top">
            <td style="width: 20%">
                <asp:Button ID="mysiteloginbutton1" runat="server" Text="My Site Login" BackColor="#FF9900" ForeColor="White" Style="text-align: right" /> &nbsp;<span class="style1"><strong style="text-align: left"><a href="#">Sign up</a> | <a href="#">Help</a> |<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
                <asp:ListItem>English</asp:ListItem>
                <asp:ListItem>Bangla</asp:ListItem>
                </asp:DropDownList>
           </td>
           <td style="width: 80%">
                <asp:Menu ID="Menu1" runat="server" StaticSubMenuIndent="16px">
                    <Items>
                        <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
                        <asp:MenuItem Text="Features" Value="Features"></asp:MenuItem>
                        <asp:MenuItem Text="Tour" Value="Tour"></asp:MenuItem>
                        <asp:MenuItem Text="Plans" Value="Plans"></asp:MenuItem>
                        <asp:MenuItem Text="Blog" Value="Blog"></asp:MenuItem>
                    </Items>
               </asp:Menu>
          <br />
          <br />
          @RenderBody
          <br />
          </td>
        </tr>
    </table>
</body>



|  |
英语
孟加拉语




@渲染器
现在，我添加了'@RenderBody'，因为它应该被用作您的“_LayoutPage”，然后每个页面都调用它来显示它应该如何设计

基本概念是将站点设计为一个表，然后将每个元素分离为该表的列和行，就像我在这里所做的那样<代码>和
用于分隔这些项目

如果您想更深入地了解事物的外观，您应该让此页面指向您的site.css文件。css文件应该包含所有内容，因为它被认为是文本、颜色、特定项目（如表格）的布局等的定位。希望这有帮助。

所有定位都将在css文件中完成。让我看看我能为你做些什么。您想让菜单位于内容右侧，而您的徽标位于菜单上方吗？谢谢。太完美了。