Выравнивание меню навигации в Visual Basic

Question

Выравнивание меню навигации в Visual Basic

0

Вот мой полный код. Я не изменяю свой код css по умолчанию. Кто-нибудь знает, как выровнять навигационную панель справа от логотипа? Обратите внимание, что в настоящее время я изучаю визуальное базовое веб-приложение, и мои знания очень ограничены в этой области.

благодаря

<%@ 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>

Laamash 19 фев. 2014, в 01:06

Источник

0

Все позиционирование будет сделано в вашем файле CSS. Позволь мне увидеть, что я могу сделать, чтобы сломать все это для тебя. Вы хотите меню справа от контента и ваш логотип над меню?
James 18 фев. 2014, в 23:28

Теги:

html

css

navigation

vb.net

1 ответ

Ещё вопросы

Все позиционирование будет сделано в вашем файле CSS. Позволь мне увидеть, что я могу сделать, чтобы сломать все это для тебя. Вы хотите меню справа от контента и ваш логотип над меню?

James · Answer 1 · 2014-02-18T21-56-00.000Z

Я считаю, что это то, что вы пытаетесь выполнить:

<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", а затем каждая страница вызывает это, чтобы показать, как он должен быть разработан.

Основная идея состоит в том, чтобы спроектировать сайт как таблицу, а затем разделить каждый элемент на столбцы и строки этой таблицы, как я здесь. <td> и <tr> используются для разделения этих элементов.

Если вы хотите больше узнать, как выглядят вещи, вы должны указать эту страницу на свой файл site.css. Файл css должен содержать все, поскольку он рассматривается как позиционирование текста, цвета, макета для определенных элементов (например, таблиц) и т.д. Надеюсь, что это поможет.