Support for CSS Flyout Menu

Quote:

---

Originally Posted by ckosloff

find #categoriescss in your stylesheet and put a border around it, like so:

#categoriescss {
border: etc;
}

---

sorry I am really new to it

I couldnt find the #categoriescss in my stylesheet under CUSTOM

can you explain a little bit details?

thanks...

I have found a website which does not seem to use image flyout, it runs smooth on IE7 too, just for your reference:
http://www.lorindascandlesandmore.com/

Sorry about #categoriescss.
Just use this, it is already in your stylesheet_categories_menu.css
div#nav-cat {
border: etc;
}
You can make it solid, double, etc., you need a style editor to see all the options.

Quote:

---

Originally Posted by musicfreer

I have found a website which does not seem to use image flyout, it runs smooth on IE7 too, just for your reference:
http://www.lorindascandlesandmore.com/

---

I finally figured out what the prob is....
I set the background color as transparent, it works perfect for FF
but IE simply treat it as it is really transparent, as it is disappeared!

when I added colors to it, I can mousover the category properly in IE!


cheers

Quote:

---

Originally Posted by musicfreer

I finally figured out what the prob is....
I set the background color as transparent, it works perfect for FF
but IE simply treat it as it is really transparent, as it is disappeared!

when I added colors to it, I can mousover the category properly in IE!


cheers

---

oh, I found it has still a minor problem

in IE7, now I can enable the flyout menu when I mouseover the background of the main category, however, it is not clickable, I still need to point to the words in order to click the main category

it is a minor problem, but it will be great to eliminate it, any idea? thanks!

Quote:

---

Originally Posted by ckosloff

Sorry about #categoriescss.
Just use this, it is already in your stylesheet_categories_menu.css
div#nav-cat {
border: etc;
}
You can make it solid, double, etc., you need a style editor to see all the options.

---

hi, sorry that I missed your msg

I have added

Code:

---

border: thin;

---

what is it used for?

pls visit my site again:
www.locomolife.com/zen

pls test with IE7, I can show the flyout menu by a mouseover of anywhere of the main category (no more restricted to the words)

however, if I want to visit the categoies, I still have to click on the words instead of the whole bar

any idea?

thanks again for your support

I don't know why you want to put a border around your categories, I just showed how it's done.
You can use thin, medium, thick, solid, dotted, double, etc. You can also put colors and different colors top, bottom, right, or left.
I tested your site with IE7, making sure to click on bars, not on words, and it worked fine.

Quote:

---

Originally Posted by ckosloff

I don't know why you want to put a border around your categories, I just showed how it's done.
You can use thin, medium, thick, solid, dotted, double, etc. You can also put colors and different colors top, bottom, right, or left.
I tested your site with IE7, making sure to click on bars, not on words, and it worked fine.

---

thanks for your reply, i mus post too many mesage that made you sick, my bad

actually I have post a msg saying that I have solved the border problem before

for the lickable prob, I also solved it yesterday by using the CSS from other sites while changing the colors to fit my webpage

it works perfectly

the last problem is that IE7 still shows problem at the status bar, it said line 28 needs a ';'

I checked it should be talking about the rewriteengine on of the csshover.htc

though it does not affect the functionality, but any idea how to solve it?

Look at line 28 of the reported file, the semicolon means the end of a statement, if it is missing, the browser can interpret strange things.
Glad you got things working.

Quote:

---

Originally Posted by ckosloff

Look at line 28 of the reported file, the semicolon means the end of a statement, if it is missing, the browser can interpret strange things.
Glad you got things working.

---

thanks a lot
just strange that even I added the semicolon, IE7 still show the exclamation mark at the left bottom corner, though it is working fine, buyer may lose confidence if they see a problem occurring at the site

I am still trying to get rid of it, any idea will be helpful!