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