Здравствуйте!

Подскажите, как сделать выпадающее меню не списком вниз, а списком в строку. Т.е.
сейчас происходит так:

меню1
меню11
меню12

А надо:
меню1
меню11 меню 12

Вот мой код, который реализует первый вариант:

#projectNav, #projectNav ul { list-style: none; margin: 0 0 5px 0; padding: 0;}
#projectNav li { float: left; border-bottom: solid 1px #000000}
#projectNav li a { display: block; margin: 0 5px; padding: 2px 4px; text-decoration: none; background: #f1d98f; border-top: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000;}
#projectNav li ul { position: absolute; top: 27px; left: -999px; width: 150px; background: #d2e0e3; z-index: 999; border: solid 1px #909da5; padding: 0 0 5px 0;}
#projectNav li li { border-bottom: solid 1px #ABA79B; width: 100%; margin: 2px; padding-bottom: 3px;}
#projectNav li:hover ul,#projectNav li.sfhover ul {left: auto;}
#projectNav li ul a { border-width: 0px; color: #000; background: #d2e0e3; padding: 2px 8px; margin: 0; letter-spacing: normal; font-family: "tahoma"; font-size: 1.2em;}
#projectNav li ul a:hover {background: #e7d69e;}

Вот список меню в html:

<ul id="projectNav">
<li>
<a id="projectHome" runat="server">Project Home</a>
<li>
<a id="attributesLink" href="javascript: void(0)">Attributes</a>
<ul>
<li>
<asp:placeholder id="phProjectInformation" runat="server" />
<li>
<a id="customizeLink" runat="server">Customize Attributes</a>
<li>
<a id="AGReportLink" runat="server">Attribute Group Reports</a>

</ul>
<li>
<a id="adminLink" href="javascript: void(0)">Admin</a>
<ul>
<li>
<a id="editTaskLink" runat="server">Edit Tasks</a>
<li>
<a id="contactsLink" runat="server">Edit Contacts</a>
<li>
<a id="watchlistLink" runat="server">Add/Remove Watchlist</a>
<li>
<a id="participantsLink" runat="server">Edit Participants</a>
<li>
<a id="relatedInformationLink" runat="server">Edit Attachments</a>
<li>
<a id="associationsLink" runat="server">Edit Related Projects </a>
</li>
<asp:PlaceHolder id="TimeAccountingPH" runat="server" />

</ul>
</li>
</ul>

Это код, который добавляет на страницу JS скрипт:

sScript &= "<script language=""javascript"" type=""text/javascript"">" & vbCrLf
sScript &= "sfHover = function() {" & vbCrLf
sScript &= " var sfEls = document.getElementById(""projectNav"").getElementsByTagName(""LI"");" & vbCrLf
sScript &= "" & vbCrLf
sScript &= " for (var i=0; i<sfEls.length; i++) {" & vbCrLf
sScript &= " sfEls .onmouseover=function() {" & vbCrLf
sScript &= " this.className+="" sfhover"";" & vbCrLf
sScript &= " }" & vbCrLf
sScript &= "" & vbCrLf
sScript &= " sfEls.onmouseout=function() {" & vbCrLf
sScript &= " this.className=this.className.replace(new RegExp("" sfhover\\b""), """");" & vbCrLf
sScript &= " }" & vbCrLf
sScript &= " }" & vbCrLf
sScript &= "}" & vbCrLf
sScript &= "" & vbCrLf
sScript &= "if (window.attachEvent) window.attachEvent(""onload"", sfHover);" & vbCrLf
sScript &= "</script>" & vbCrLf

Page.RegisterClientScriptBlock("projectNavScript", sScript)

Большое спасибо!
С уважением, PhD

Спасибо!
С уважением, PhD