Support for CSS Flyout Menu

The CSS flyout categories are working for me except in Internet Explorer, the b1.gif is repeating itself. Any idea how to fix this?

It looks fine in Firefox and Safari browsers.

Thanks

The CSS flyout categories are working for me except in Internet Explorer, the b1.gif image is repeating itself. Any idea how to fix this?

It looks fine in Firefox and Safari browsers.

Thanks

Quote:

---

Originally Posted by ckosloff

IE7 does not need htc, it is only for IE6.
Does your site work in IE7?

---

it does not work in i.e 6 or 7. below is where i am testing. you can see that i directly copied the css which does not flyout.

www.gameroomguys.com/shop

I AM GOING INSANE! :)

Quote:

---

Originally Posted by Rhitty

it does not work in i.e 6 or 7. below is where i am testing. you can see that i directly copied the css which does not flyout.

www.gameroomguys.com/shop

I AM GOING INSANE! :)

---

This website does work in IE7, however not in IE6, which confirms what I said before.
You need to set the path to htc exactly like so:
body {
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
and of course make sure that csshover.htc is in that folder.
You may also try the new version of csshover (I didn't test yet), which you can find here:
http://www.xs4all.nl/~peterned/htc/csshover2.htc
make sure you add a 2 to your path, if you use it.

Quote:

---

Originally Posted by JGraphics

The CSS flyout categories are working for me except in Internet Explorer, the b1.gif image is repeating itself. Any idea how to fix this?
It looks fine in Firefox and Safari browsers.
Thanks

---

From post #83 in this same thread:
FYI, I did eliminate some errors in IE6 by adding this line:
div#nav-cat li {
background-image: url(../images/b1.gif);
background-repeat: no-repeat;
position: relative;
list-style: none;
margin: 0;
z-index: 20;
height: 20px;
width: 150px;
}

Quote:

---

Originally Posted by Rhitty

it does not work in i.e 6 or 7. below is where i am testing. you can see that i directly copied the css which does not flyout.

www.gameroomguys.com/shop

I AM GOING INSANE! :)

---

As our friend above states who has already benefitted from my experience with this mod before,you need to change your behavior line.

At the moment it appears to be referring to a version on your testing own computer and not a file on your server.

This also applies to a background image too...

Quote:

---

Originally Posted by Rhitty

i appreciate your assistance. my server company states that the mime htc is there but my flyouts still do not work in i.e.. Any help would make me happy as i have spent countless hours fidgeting with this.

thanks

EDIT: i even copied cswoods css directly to my site and it still did not work :(

---

The correct MIME type of the .htc file is Text/x-component.
Read this:
http://support.microsoft.com/kb/306231

Is it possible to make a hover over subcategory not clickable. Kind of hard to explain but what I am trying to say is for example I have a link on the css menu called products and when hovered over it has subcategories which when cilcked will go to my product category pages. However if the "Product" link is clicked it will go to the home page and have links to all the subcategory links at the bottom. To see this in action go to this site and click on products in the css menu. I would love to get this where you can not click products.

Site

The behaviour of the menu is right. If you click on "products", you gou tu category 14, with all subcategories at bottom of the page

My template is designed to widen to hole screen width.
Problem is on wide screen monitors.

When clicking on the menu to get sub menu visible the sub menu has too large gap to the root menu.

Problem comes when user moves cursor to the cap to reach the sub menu, the sub menu dissapears.

This is cause menu thinks user is hoovering out of the menu.

Any ideas how to make the gap fixed to small value?