Last post Oct 09, 2006 08:54 PM by Dman100
Oct 08, 2006 09:50 PM|Dman100|LINK
I am getting a large gap that occurs when hovering over menu items that aren't a leaf node.
Hover over the "About Us" or "News" or "Careers" and notice the large gap that occurs. This seems related to the position: relative, but I'm not certain?
It also occurs on the top menu, but not as noticeable when hovering over "Solutions". A smaller gap displays below "Assessment" and "Instruction".
Thanks for any help with this.
Oct 09, 2006 02:02 PM|Russ Helfand|LINK
This is symptomatic of some missing <link> tags in the <head> of your page. I didn't see these... but they are required:
<link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />
<!--[if lt IE 7]>
<link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu6.css" type="text/css">
<!--[if gt IE 6]>
<link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu7.css" type="text/css">
For more details see the notes in the white paper at this location, http://www.asp.net/CSSAdapters/WhitePaper.aspx#SamplesUsingInYourWebSite.
Does that do the trick?
Oct 09, 2006 03:24 PM|Dman100|LINK
I must be missing something. I cannot find the CSS/BrowserSpecific directories with the specified stylesheets you indicated in the toolkit for the adapters. I just downloaded the latest version, but these files aren't included? Where do I obtain these
Oct 09, 2006 03:36 PM|Russ Helfand|LINK
When you downloaded the latest version you got a VSI file. You need to run that VSI file so it installs new web site templates in Visual Studio (or VWD). Then you create a new web site using those templates. That site should contain the CSS folder and
its BrowserSpecific subfolder. See the installation instructions at
Can you give that a try and let me know if that helps? Remember that if you've installed previous versions of the kit then when you install this new VSI you will be promped overwrite the old versions. You need to allow indicate that you want that overwrite
to happen. Make sense?
Oct 09, 2006 03:41 PM|Dman100|LINK
Okay, I must have not installed it correctly the first go around.
I did copy the new directory and files, but it seems to have messed up the layout further.
I only copied over the CSS folder with the necessary stylesheets listed in the header. Are there other files I need to copy over as well?
Oct 09, 2006 04:21 PM|Russ Helfand|LINK
Oct 09, 2006 06:23 PM|Dman100|LINK
Thanks Russ...that fixed 99% of all the problems I was having.
There are two minor problems I am trying to eliminate.
On the top menu bar, when you hover over the "Home" "Research" "Solutions"
"Professional Development" "Software Services" and "Targeted Programs" you
can see a dark blue background. I'm trying to use the id selector to set
each <li> at the top level to have the appropriate background image so you
don't see the dark blue background color. The blue background shows just
very quickly, but it is definately noticeable. I'd like to prevent that quick
blink that shows the dark blue background if possible. Is there a way to fix that?
On the left navigation bar, what is the style rule that can change the background color when hovering over flyout menu item? I'd like to set a style rule to show a dark blue background color when hovering over the flyout menus...i.e. any menu except the
top tier menu on the left nav?
Thanks for your help!
Oct 09, 2006 08:54 PM|Dman100|LINK
Forgot to include the url: