I just started using the adapter. I customized the stylesheet and added all the files to the proper directories etc but my menu is just coming out as a regular ol' static list, almost like if it didn't care for the javascripts. Any ideas? happens on both Firefox
1.5 and IE6. Using the vertical menu.
First, check that you have declared a theme for your page. Sometimes I create a new page but forget to tell it what theme to use so it never links in the theme's CSS files. Ugh.
Second, in the browser do a "view source" to make sure that the CSS files are getting linked in.
Third, make sure that the styles you think should apply to your menu really will apply to your menu. Again, it helps to do a "view source" in the browser to see the nesting of div's and ul's and li's. Then look at your CSS and make sure that the class
names and id's that you see in your markup correspond to the selectors you are using in your CSS rules. A common mistake is to change the value for the CssSelectorClass in your asp:Menu but forget to update the CSS rules to use that new class instead of PrettyMenu.
If none of those things help, write back and I'll try to think of some more things to look at.
I don't see Theme or StyleSheetTheme in the @Page directive in your ASPX file. Don't you need to set your theme? Normally, you don't add <link> tags directly to your theme's CSS. You simply declare what your theme is and let the framework do the linking
for you. The white paper in the kit discusses this.
Also, it's very important that you do link to the BrowserSpecificCSS\IEMenu.css file. See how the kit's main master page handles this. It's discussed in the white paper also.
The fact that your page doesn't ultimately link to Menu.css and IEMenu.css is probably the crux your problem. Linking to just MenuExample.css isn't enough. Remember that Menu.css has the "behavioral" CSS rules for your menu. Without it, nothing will work
right.
Ok rookie error, had put the theme reference in the wrong web.config file.
I'm closer but sitll not fully working in on IE. When I add this to the head:
<!--[if lt IE 9]>
<link runat="server" rel="stylesheet" href="/BrowserSpecificCSS/IEMenu.css" type="text/css">
<![endif]-->
The menu disappears completely. I can see it working just fine in firefox. In IE no menu yet if you do a view source, you can see all the generated menu code. thoughts?
That's curious. This rule is, of course, present in the kit because under many (most?) circumstances I thought it would be needed. Certainly it is needed in the sample pages provided in the kit. Earlier in this thread you said that you customized the
styles that influence the menu. That's great. It is, of course, what you are supposed to do! Use the kit as a guide and clone/modify/insert pieces of it into your site per the instructions given here:
It seems like when you customized the menu styles you added/changed something that conflicts with the rule you identified in IEMenu.css. It might be interesting to track that down by looking at how you modified/used the styles in the kit's MenuExample.css
(and Menu.css, if you touched it).
In any case, it looks like your are up and running now. That's great to hear. Congrats!
Thanks for posting these data. I noticed that you have a "clear:both" property set for your <li> tags in the menu. Why did you choose to do that? I suspect that that is what forced you to comment out the other rule in IEMenu.css. Have you tried removing
that "clear" property from that rule and uncommenting the rule in IEMenu.css?
Generally, if I were you, I would compare your rules against those in the sample page (for Menu) provided in the kit. Where you see differences in things other than font, color and other pixel rendering properties (i.e., where you see things that affect
positioning dramatically like "clear") I'd be suspicious.
poncherin
Member
30 Points
6 Posts
Menu control does not collapse
Jun 29, 2006 09:16 PM|LINK
thanks,
Russ Helfand
Contributor
3304 Points
744 Posts
Re: Menu control does not collapse
Jun 29, 2006 11:31 PM|LINK
There are several reasons this might happen.
First, check that you have declared a theme for your page. Sometimes I create a new page but forget to tell it what theme to use so it never links in the theme's CSS files. Ugh.
Second, in the browser do a "view source" to make sure that the CSS files are getting linked in.
Third, make sure that the styles you think should apply to your menu really will apply to your menu. Again, it helps to do a "view source" in the browser to see the nesting of div's and ul's and li's. Then look at your CSS and make sure that the class names and id's that you see in your markup correspond to the selectors you are using in your CSS rules. A common mistake is to change the value for the CssSelectorClass in your asp:Menu but forget to update the CSS rules to use that new class instead of PrettyMenu.
If none of those things help, write back and I'll try to think of some more things to look at.
Groovybits.com
poncherin
Member
30 Points
6 Posts
Re: Menu control does not collapse
Jun 30, 2006 08:24 PM|LINK
Here's the master page code:
================================ <%@ Master Language="VB" CodeFile="home.master.vb" Inherits="home" %> <!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 id="Head1" runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="/inc/css/master.css" rel="stylesheet" type="text/css" /> <link href="/App_Themes/thmPolWeb/MenuExample.css" rel="stylesheet" type="text/css" /> <title>Polweb</title> </head> <body> <div id="outer"> <div id="lo_content"> <div id="lo_content-header"> <div class="badge"></div> <div class="breadcrumb"> <asp:SiteMapPath ID="SiteMapPath1" runat="server" PathSeparator=" / "> </asp:SiteMapPath> </div> <h1>FCPD Intranet</h1> </div> <!-- lo_content-header --> <%-- ================== BEGIN CONTENT AREA LO_CONTENT ======================= --%> <div> <form id="form_server" runat="server"> <asp:contentplaceholder id="Content_Main" runat="server"> </asp:contentplaceholder> </form> </div> <%-- ================== END CONTENT AREA =================================== --%> </div> <!-- lo_content --> <%-- ================== BEGIN HEADER ===================================== --%> <div id="lo_header"> <div id="lo_nav_top"> <form action="" method="post" id="header_nav"> <div class="bureau"> <select name="select" class="dropdowns"> <option></option> <option value="">Chief's Office</option> <option value="">Internal Affairs Bureau</option> <option value="">Deputy Chief - Patrol </option> <option value="">- Division I (1,5,8,A/C, Crime Analyst)</option> <option value="">- Division II (3,4,YSD)</option> <option value="">- Division III (2,6,7 Ct.Liasion)</option> <option value="">Criminal Investigation Bureau</option> <option value="">Information Technology Bureau </option> <option value="">Technical Services Bureau </option> </select> <br /> <label> Bureau / Division</label> </div> <div class="apps"> <select name="select2"> <option></option> <option>Leads</option> <option>App2</option> <option>App3</option> <option>App4</option> </select> <br /> <label> Applications</label> </div> </form> </div> </div> <!--lo_header--> <%-- ================== END HEADER ================================ --%> <div id="lo_menu"> <div id="lo_menu-picture"></div> <div id="lo_menu-vertical-title"></div> <!-- ================== BEGIN NAVIGATION =========================== --> <div id="lo_menu-nav"> <div class="section_title"> <a href="/default.aspx">PD Home</a> </div> <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" CssSelectorClass="IntraMenu"> </asp:Menu> <asp:SiteMapDataSource ID="SiteMapDataSource1" ShowStartingNode="false" runat="server" /> </div> <!-- lo_menu-nav --> <%-- ================== END NAVIGATION =========================== --%> <form action="#"> <label>Search PD Intranet:</label> <input type="text" name="target" class="inputnavborder" size="10" /> <input type='submit' name='go' value='go' class='inputnavbordersubmit' /> </form> <div id="lo_menu-bottom"> <a href="http://infoweb">XYZ County Infoweb</a><br /> <a href="http://www.XYZcounty.gov">XYZCounty.gov</a><br /> </div> <!-- lo_menu-bottom --> </div> <!-- lo_menu --> </div> <!-- lo_outer --> <%-- ================== BEGIN FOOTER =========================== --%> <div id="clearfooter"></div> <div id="lo_footer"> <p>XYZ County Police</p> </div> <%-- ================== END FOOTER =========================== --%> </body> </html>============ OUT PUT CODE ===============<!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 id="ctl00_Head1"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="/inc/css/master.css" rel="stylesheet" type="text/css" /><link href="/App_Themes/thmPolWeb/MenuExample.css" rel="stylesheet" type="text/css" /><title>
PolWeb - FCPD Intranet
</title><style type="text/css">
.ctl00_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
.ctl00_Menu1_1 { text-decoration:none; }
.ctl00_Menu1_2 { }
</style></head>
<body>
<div id="outer">
<div id="lo_content">
<div id="lo_content-header">
<div class="badge"></div>
<div class="breadcrumb">
<span id="ctl00_SiteMapPath1"><a href="#ctl00_SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=Kh0ldkNNw48PV6TdNHqd5w2&t=632858837246793378" style="border-width:0px;" /></a><span>Home</span><a id="ctl00_SiteMapPath1_SkipLink"></a></span>
</div>
<h1>FCPD Intranet</h1>
</div>
<!-- lo_content-header -->
<div> <form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjgPZBYCZg9kFgICBxA8KwANAgAPFgIeC18hRGF0YUJvdW5kZ2QMFCsADAUsMDowLDA6MSwwOjIsMDozLDA6NCwwOjUsMDo2LDA6NywwOjgsMDo5LDA6MTAUKwACFhAeBFRleHQFDVRlY2ggU2VydmljZXMeBVZhbHVlBQ1UZWNoIFNlcnZpY2VzHgtOYXZpZ2F0ZVVybAUaL1RlY2hTZXJ2aWNlcy9EZWZhdWx0LmFzcHgeB1Rvb2xUaXAFGVRlY2huaWNhbCBTZXJ2aWNlcyBCdXJlYXUeB0VuYWJsZWRnHgpTZWxlY3RhYmxlZx4IRGF0YVBhdGgFGi90ZWNoc2VydmljZXMvZGVmYXVsdC5hc3B4HglEYXRhQm91bmRnFCsABgUTMDowLDA6MSwwOjIsMDozLDA6NBQrAAIWEB8BBRFGYWNpbGl0aWVzIFJlcGFpch8CBRFGYWNpbGl0aWVzIFJlcGFpch8DBRUvVGVjaFNlcnZpY2VzLyMwLmFzcHgfBAURRmFjaWxpdGllcyBSZXBhaXIfBWcfBmcfBwUVL3RlY2hzZXJ2aWNlcy8jMC5hc3B4HwhnZBQrAAIWEB8BBRZQcm9wZXJ0eS9FdmlkZW5jZSBVbml0HwIFFlByb3BlcnR5L0V2aWRlbmNlIFVuaXQfAwUQL1RlY2hTZXJ2aWNlcy8jMR8EBRhQcm9wZXJ0eSAvIEV2aWRlbmNlIFVuaXQfBWcfBmcfBwUQL3RlY2hzZXJ2aWNlcy8jMR8IZ2QUKwACFhAfAQUFRmxlZXQfAgUFRmxlZXQfAwUQL1RlY2hTZXJ2aWNlcy8jMh8EBQxQb2xpY2UgRmxlZXQfBWcfBmcfBwUQL3RlY2hzZXJ2aWNlcy8jMh8IZ2QUKwACFhAfAQUMVW5pZm9ybSBSb29tHwIFDFVuaWZvcm0gUm9vbR8DBRAvVGVjaFNlcnZpY2VzLyMzHwQFDFVuaWZvcm0gUm9vbR8FZx8GZx8HBRAvdGVjaHNlcnZpY2VzLyMzHwhnZBQrAAIWEB8BBRFGYWNpbGl0aWVzIFJlcGFpch8CBRFGYWNpbGl0aWVzIFJlcGFpch8DBRAvVGVjaFNlcnZpY2VzLyM0HwQFGkZyZXF1ZW50bHkgQXNrZWQgUXVlc3Rpb25zHwVnHwZnHwcFEC90ZWNoc2VydmljZXMvIzQfCGdkFCsAAhYQHwEFCUluZm8gVGVjaB8CBQlJbmZvIFRlY2gfAwUDLyMxHwQFHUluZm9ybWF0aW9uIFRlY2hub2xvZ3kgQnVyZWF1HwVnHwZnHwcFAy8jMR8IZxQrAAMFBzA6MCwwOjEUKwACFhAfAQUFRm9ybXMfAgUFRm9ybXMfAwUDLyMyHwQFBUZvcm1zHwVnHwZnHwcFAy8jMh8IZ2QUKwACFhAfAQUJVHV0b3JpYWxzHwIFCVR1dG9yaWFscx8DBQMvIzMfBAUJVHV0b3JpYWxzHwVnHwZnHwcFAy8jMx8IZ2QUKwACFhAfAQUOQ2hpZWYncyBPZmZpY2UfAgUOQ2hpZWYncyBPZmZpY2UfAwUDLyM0HwQFDkNoaWVmJ3MgT2ZmaWNlHwVnHwZnHwcFAy8jNB8IZxQrAAQFCzA6MCwwOjEsMDoyFCsAAhYQHwEFDkdlbmVyYWwgT3JkZXJzHwIFDkdlbmVyYWwgT3JkZXJzHwMFAy8jNR8EBQ5HZW5lcmFsIE9yZGVycx8FZx8GZx8HBQMvIzUfCGdkFCsAAhYQHwEFD1N0YXRzIC8gUmVwb3J0cx8CBQ9TdGF0cyAvIFJlcG9ydHMfAwUDLyM2HwQFD1N0YXRzIC8gUmVwb3J0cx8FZx8GZx8HBQMvIzYfCGdkFCsAAhYQHwEFC05ld3NsZXR0ZXJzHwIFC05ld3NsZXR0ZXJzHwMFAy8jNx8EBQtOZXdzbGV0dGVycx8FZx8GZx8HBQMvIzcfCGdkFCsAAhYQHwEFE1BlcnNvbm5lbCBSZWZlcmVuY2UfAgUTUGVyc29ubmVsIFJlZmVyZW5jZR8DBQMvIzgfBAUTUGVyc29ubmVsIFJlZmVyZW5jZR8FZx8GZx8HBQMvIzgfCGdkFCsAAhYQHwEFDVBhdHJvbCBCdXJlYXUfAgUNUGF0cm9sIEJ1cmVhdR8DBQMvIzkfBAUNUGF0cm9sIEJ1cmVhdR8FZx8GZx8HBQMvIzkfCGdkFCsAAhYQHwEFF0NyaW1pbmFsIEludmVzdGlnYXRpb25zHwIFF0NyaW1pbmFsIEludmVzdGlnYXRpb25zHwMFBC8jMTAfBAUeQ3JpbWluYWwgSW52ZXN0aWdhdGlvbnMgQnVyZWF1HwVnHwZnHwcFBC8jMTAfCGdkFCsAAhYQHwEFEk9wZXJhdGlvbnMgU3VwcG9ydB8CBRJPcGVyYXRpb25zIFN1cHBvcnQfAwUELyMxMR8EBRJPcGVyYXRpb25zIFN1cHBvcnQfBWcfBmcfBwUELyMxMR8IZ2QUKwACFhAfAQUWQWRtaW5pc3RyYXRpdmUgU3VwcG9ydB8CBRZBZG1pbmlzdHJhdGl2ZSBTdXBwb3J0HwMFBC8jMTIfBAUdQWRtaW5pc3RyYXRpdmUgU3VwcG9ydCBCdXJlYXUfBWcfBmcfBwUELyMxMh8IZ2QUKwACFhAfAQUYQ3JpbWluYWwgSnVzdGljZSBBY2FkZW15HwIFGENyaW1pbmFsIEp1c3RpY2UgQWNhZGVteR8DBQQvIzEzHwQFGENyaW1pbmFsIEp1c3RpY2UgQWNhZGVteR8FZx8GZx8HBQQvIzEzHwhnZBQrAAIWEB8BBQRDT1JTHwIFBENPUlMfAwUELyMxNB8EBShDaGllZuKAmXMgT2ZmaWNlIG9mIFJlc2VhcmNoIGFuZCBTdXBwb3J0HwVnHwZnHwcFBC8jMTQfCGdkFCsAAhYQHwEFEUludHJhbmV0IFNpdGUgTWFwHwIFEUludHJhbmV0IFNpdGUgTWFwHwMFBC8jMTUfBAURSW50cmFuZXQgU2l0ZSBNYXAfBWcfBmcfBwUELyMxNR8IZ2RkZGQCVfro+j/cB1bMWeXy/EHJEKUPgQ==" />
</div>
<script src="/JavaScript/AdapterUtils.js" type="text/javascript"></script>
<script src="/JavaScript/MenuAdapter.js" type="text/javascript"></script>
<p><strong>test page...
</form>
</div>
</div>
<!-- lo_content -->
<div id="lo_header">
<div id="lo_nav_top">
<form action="" method="post" id="header_nav">
<div class="bureau">
<select name="select" class="dropdowns">
<option></option>
<option value="">Chief's Office</option>
<option value="">Internal Affairs Bureau</option>
<option value="">Deputy Chief - Patrol </option>
<option value="">- Division I (1,5,8,A/C, Crime Analyst)</option>
<option value="">- Division II (3,4,YSD)</option>
<option value="">- Division III (2,6,7 Ct.Liasion)</option>
<option value="">Criminal Investigation Bureau</option>
<option value="">Information Technology Bureau </option>
<option value="">Technical Services Bureau </option>
</select>
<br />
<label> Bureau / Division</label>
</div>
<div class="apps">
<select name="select2">
<option></option>
<option>Leads</option>
<option>App2</option>
<option>App3</option>
<option>App4</option>
</select>
<br />
<label> Applications</label>
</div>
</form>
</div>
</div>
<!--lo_header-->
<div id="lo_menu">
<div id="lo_menu-picture"></div>
<div id="lo_menu-vertical-title"></div>
<!-- ================== BEGIN NAVIGATION =========================== -->
<div id="lo_menu-nav">
<div class="section_title">
<a href="/default.aspx">PD Home</a>
</div>
<div class="IntraMenu">
<div class="AspNet-Menu-Vertical">
<ul class="AspNet-Menu">
<li class="AspNet-Menu-WithChildren">
<a href="/TechServices/Default.aspx" class="AspNet-Menu-Link" title="Technical Services Bureau">
Tech Services
</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/TechServices/#0.aspx" class="AspNet-Menu-Link" title="Facilities Repair">
Facilities Repair
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/TechServices/#1" class="AspNet-Menu-Link" title="Property / Evidence Unit">
Property/Evidence Unit
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/TechServices/#2" class="AspNet-Menu-Link" title="Police Fleet">
Fleet
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/TechServices/#3" class="AspNet-Menu-Link" title="Uniform Room">
Uniform Room
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/TechServices/#4" class="AspNet-Menu-Link" title="Frequently Asked Questions">
Facilities Repair
</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/#1" class="AspNet-Menu-Link" title="Information Technology Bureau">
Info Tech
</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/#2" class="AspNet-Menu-Link" title="Forms">
Forms
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#3" class="AspNet-Menu-Link" title="Tutorials">
Tutorials
</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-WithChildren">
<a href="/#4" class="AspNet-Menu-Link" title="Chief's Office">
Chief's Office
</a>
<ul>
<li class="AspNet-Menu-Leaf">
<a href="/#5" class="AspNet-Menu-Link" title="General Orders">
General Orders
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#6" class="AspNet-Menu-Link" title="Stats / Reports">
Stats / Reports
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#7" class="AspNet-Menu-Link" title="Newsletters">
Newsletters
</a>
</li>
</ul>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#8" class="AspNet-Menu-Link" title="Personnel Reference">
Personnel Reference
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#9" class="AspNet-Menu-Link" title="Patrol Bureau">
Patrol Bureau
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#10" class="AspNet-Menu-Link" title="Criminal Investigations Bureau">
Criminal Investigations
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#11" class="AspNet-Menu-Link" title="Operations Support">
Operations Support
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#12" class="AspNet-Menu-Link" title="Administrative Support Bureau">
Administrative Support
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#13" class="AspNet-Menu-Link" title="Criminal Justice Academy">
Criminal Justice Academy
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#14" class="AspNet-Menu-Link" title="Chief’s Office of Research and Support">
CORS
</a>
</li>
<li class="AspNet-Menu-Leaf">
<a href="/#15" class="AspNet-Menu-Link" title="Intranet Site Map">
Intranet Site Map
</a>
</li>
</ul>
</div>
</div>
</div> <!-- lo_menu-nav -->
<form action="#">
<label>Search PD Intranet:</label>
<input type="text" name="target" class="inputnavborder" size="10" />
<input type='submit' name='go' value='go' class='inputnavbordersubmit' />
</form>
<div id="lo_menu-bottom"> <a href="http://infoweb">XYZ County Infoweb</a><br />
<a href="http://www.XYZcounty.gov">XYZCounty.gov</a><br />
</div>
<!-- lo_menu-bottom -->
</div>
<!-- lo_menu -->
</div>
<!-- lo_outer -->
<div id="clearfooter"></div>
<div id="lo_footer">
<p>XYZ County Police</p>
</div>
</body>
</html>
Russ Helfand
Contributor
3304 Points
744 Posts
Re: Menu control does not collapse
Jun 30, 2006 09:45 PM|LINK
I don't see Theme or StyleSheetTheme in the @Page directive in your ASPX file. Don't you need to set your theme? Normally, you don't add <link> tags directly to your theme's CSS. You simply declare what your theme is and let the framework do the linking for you. The white paper in the kit discusses this.
Also, it's very important that you do link to the BrowserSpecificCSS\IEMenu.css file. See how the kit's main master page handles this. It's discussed in the white paper also.
The fact that your page doesn't ultimately link to Menu.css and IEMenu.css is probably the crux your problem. Linking to just MenuExample.css isn't enough. Remember that Menu.css has the "behavioral" CSS rules for your menu. Without it, nothing will work right.
Groovybits.com
poncherin
Member
30 Points
6 Posts
Re: Menu control does not collapse
Jul 05, 2006 09:23 PM|LINK
I'm closer but sitll not fully working in on IE. When I add this to the head:
<!--[if lt IE 9]>
<link runat="server" rel="stylesheet" href="/BrowserSpecificCSS/IEMenu.css" type="text/css">
<![endif]-->
The menu disappears completely. I can see it working just fine in firefox. In IE no menu yet if you do a view source, you can see all the generated menu code. thoughts?
poncherin
Member
30 Points
6 Posts
Re: Menu control does not collapse
Jul 11, 2006 01:08 PM|LINK
ul.AspNet-Menu li
{
float: left !important;
height: 1% !important;
}
menu working great now! thanks for the help...
Russ Helfand
Contributor
3304 Points
744 Posts
Re: Menu control does not collapse
Jul 11, 2006 03:19 PM|LINK
That's curious. This rule is, of course, present in the kit because under many (most?) circumstances I thought it would be needed. Certainly it is needed in the sample pages provided in the kit. Earlier in this thread you said that you customized the styles that influence the menu. That's great. It is, of course, what you are supposed to do! Use the kit as a guide and clone/modify/insert pieces of it into your site per the instructions given here:
http://www.asp.net/CSSAdapters/WhitePaper.aspx#SamplesUsingInYourWebSite
It seems like when you customized the menu styles you added/changed something that conflicts with the rule you identified in IEMenu.css. It might be interesting to track that down by looking at how you modified/used the styles in the kit's MenuExample.css (and Menu.css, if you touched it).
In any case, it looks like your are up and running now. That's great to hear. Congrats!
Groovybits.com
poncherin
Member
30 Points
6 Posts
Re: Menu control does not collapse
Jul 12, 2006 12:01 PM|LINK
.IntraMenu ul.AspNet-Menu ul
{
left: 146px;
top: 0px;
width: 146px;
}
.IntraMenu ul.AspNet-Menu li
{
background-color: #A18E84;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CBC1BC;
margin: 0px;
padding: 0px;
clear: both;
}
Russ Helfand
Contributor
3304 Points
744 Posts
Re: Menu control does not collapse
Jul 12, 2006 04:40 PM|LINK
Thanks for posting these data. I noticed that you have a "clear:both" property set for your <li> tags in the menu. Why did you choose to do that? I suspect that that is what forced you to comment out the other rule in IEMenu.css. Have you tried removing that "clear" property from that rule and uncommenting the rule in IEMenu.css?
Generally, if I were you, I would compare your rules against those in the sample page (for Menu) provided in the kit. Where you see differences in things other than font, color and other pixel rendering properties (i.e., where you see things that affect positioning dramatically like "clear") I'd be suspicious.
Hope this helps. Keep up the good work!
Groovybits.com