Recent Questions Css Menu Vertical Tree Dynamic
Q: The mentioned effect occurs even when the entire page is completely loaded!
As we explained before, it occurs only when we view the page with explorer 6.
(It is working fine under explorer 7 and under Firefox, so you should check it under explorer 6)
Please see the following link with our test page which demonstrates the problem.
As you will see, the buttons of the javascript menu scroll and the text will disappear (become white) while you move the mouse cursor over the menu buttons. It has nothing to do with page loading.
We are using a "Vista style" javascript menu scroll with custom design pictures.
A: This is IE6 bug.
You can find more info about this bug and solution here:
http://dean.edwards.name/my/flicker.html
Q: We have a menu in its own dedicated table row on our website and the table row contains a background image. We want to know if we can make the background on your menu transparent so that you can see our table cell background through the menu.
We have tried using your option to put our image as your menu’s background, but then it repeats for all of the drop downs which we do not want.
We simply want the row of options to be transparent and all of the drop downs to be white.
Is this possible with your system and, if so, how would we go about making this work?
A: You can try to use these parameters:
var menuBackColor="transparent";
var itemBackColor=["transparent","#1665CB"];
Or, you can use Individual Item Styles and set images only for the main items.
Try that.
Q: I am currently having a look at the use of your drop down menu and was wondering if there was an option to make all of the top menu links the same size?
At current It looks like it is on a percentage increase related to the amount of text, can I change this to a fixed value no matter the text amount?
A: You can use Individual Item Style.
Use that parameter:
var itemWidth=100px
Width of an item (px, % or other units).
For example:
var itemStyles = [
["itemWidth=150"], // style 0
];
var menuItems = [
["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "0"], // assign style 0
["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"], // assign style 0
];
Q: This is the problem I need to solve.
When the page loads with dhtml menu with images in Firefox 3, ALL the copy in ALL the tabs is displayed in the browser and I can't figure out what I need to do to change that. What I want displayed is ONLY the copy assosiated with the default tab.
A: You should add style="visibility: hidden;" for a content DIVs.
<div id="stilotig" style="visibility: hidden;">
<div id="history" style="visibility: hidden;">
...
