Jak ustawic polozenie menu?

0

Staram się ustawić gotowe rozwijalne menu w jednej linii z pojedynczymi hyperłączami. Ale nie mogę przesunąc tego menu. To kod html opisujący tę cześć stronki:

//<div id = "naglowek">
            <ul id = "menugora">
                <li>
                    <img src="Pictures/Logo.bmp" style="width: 197px; height: 126px" /></li>

            </ul>
            <ul id = "menudol">

                <li>
                    <asp:HyperLink ID="hyperZak0" runat="server" NavigateUrl="~/Zak0.aspx">Zakładka0</asp:HyperLink>
                </li>
                <li>
                    <dl id="menu0">
                        <dt><a href="javascript:void(0)">Zakładka1</a></dt>
                        <dd><asp:HyperLink ID="hyperEl1" runat="server" NavigateUrl="~/El1.aspx">Element1</asp:HyperLink></dd>
                        <dd><asp:HyperLink ID="hyperEl2" runat="server" NavigateUrl="~/El2.aspx">Element2</asp:HyperLink></dd>
                        <dd><asp:HyperLink ID="hyperEl3" runat="server" NavigateUrl="~/El3.aspx">Element3</asp:HyperLink></dd>
                        <dd><asp:HyperLink ID="hyperEl4" runat="server" NavigateUrl="~/El4.aspx">Element4</asp:HyperLink></dd>
                    </dl>
                    <script type="text/javascript">
                    // <![CDATA[
                    new Menu('menu0', 'position: absolute', true, false, -1, -1, -1, -1, true);
                    // ]]>
                    </script>
                </li>
                <li>
                    <asp:HyperLink ID="hyperZak2" runat="server" NavigateUrl="~/Zak2.aspx">Zakładka2</asp:HyperLink>
                </li>
                <li>
                    <asp:HyperLink ID="hyperZak3" runat="server" NavigateUrl="~/Zak3.aspx">Zakładka3</asp:HyperLink>
                </li>
                <li>
                    <asp:HyperLink ID="hyperZak4" runat="server" NavigateUrl="~/Zak4.aspx">Zakładka4</asp:HyperLink>
                </li>
            </ul>
        </div>//

Natomiast tutaj zamieszczam kod z pliku CSS:

//body
{
    margin: 0;
    padding: 0;
    background-color: #E2E2E2;
    color: #000000;
}

div#naglowek
{
    width: 100%;
    border-bottom: solid;
    border-bottom-width: 5px;
    border-bottom-color: #666666;
}

div#naglowek li
{
    display:inline;
    margin-left:15px;
}

div#naglowek a
{
    text-decoration: none;
    color: #000000;
    border-bottom:5px solid #666666;
    text-align: right;
}
div#naglowek a:hover
{
    color: #C0C0C0;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}
ul#menugora
{
    height:100px;
}
div#menugora img, div#menugora a
{
    border:0;
}
div#menugora img
{
    vertical-align:middle;
}
div#menugora
{
    background-color: #CCCCCC;
    border: 1px solid #999999;
    width: 150px;
    padding: 0px;
    margin: 0px;
}
ul#menudol
{ 
    margin: 0px; 
    margin-left:300px; 
    background-color: #666666; 
    height: 40px; 
    text-align: center; 
    font-size: large; 
    text-transform: uppercase; 

}
.menu
{
    position: absolute;
    left: 10px;
    top: 100px;
}//

Ma ktoś jakieś pomysły? Proszę o pomoc

0

Przepraszam, to pierwsza część kodu. Nie wiem dlaczego nie mogłem wstawić jej za pierwszym razem

<div id = "naglowek">
            <ul id = "menugora">
                <li>
                    <img src="Pictures/Logo.bmp" style="width: 197px; height: 126px" /></li>

            </ul>
            <ul id = "menudol">

                <li>
                    <asp:HyperLink ID="hyperZak0" runat="server" NavigateUrl="~/Zak0.aspx">Zakładka0</asp:HyperLink>
                </li>
                <li>
                    <dl id="menu0">
                        <dt><a href="javascript:void(0)">Zakładka1</a></dt>
                        <dd><asp:HyperLink ID="hyperEl1" runat="server" NavigateUrl="~/El1.aspx">Element1</asp:HyperLink></dd>
                        <dd><asp:HyperLink ID="hyperEl2" runat="server" NavigateUrl="~/El2.aspx">Element2</asp:HyperLink></dd>
                        <dd><asp:HyperLink ID="hyperEl3" runat="server" NavigateUrl="~/El3.aspx">Element3</asp:HyperLink></dd>
                        <dd><asp:HyperLink ID="hyperEl4" runat="server" NavigateUrl="~/El4.aspx">Element4</asp:HyperLink></dd>
                    </dl>
                    <script type="text/javascript">
                    // <![CDATA[
                    new Menu('menu0', 'position: absolute', true, false, -1, -1, -1, -1, true);
                    // ]]>
                    </script>
                </li>
                <li>
                    <asp:HyperLink ID="hyperZak2" runat="server" NavigateUrl="~/Zak2.aspx">Zakładka2</asp:HyperLink>
                </li>
                <li>
                    <asp:HyperLink ID="hyperZak3" runat="server" NavigateUrl="~/Zak3.aspx">Zakładka3</asp:HyperLink>
                </li>
                <li>
                    <asp:HyperLink ID="hyperZak4" runat="server" NavigateUrl="~/Zak4.aspx">Zakładka4</asp:HyperLink>
                </li>
            </ul>
        </div>

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0