suckertree hoizontal menu css + javascript questions

[wtronic-germany]

Hi DD community!

Since three days I am reading here and work on my modified suckertree horizontal menu.

Now I am lost and have to ask for help:

need some help in css formating and maybe some fixings in the javascript code.


Question 1 ??? current site => link = black - how??? ":current"? :active?


Question 2 ??? this has been solved meanwhile, but now there is a question No. 7


Question 3 ??? '<p id="iepara"></p>' <!--For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE--> Needed exactly for what?


Done! Question 4 ??? How can both sublevel-menus been shown (I did several tries with two separate javascipts, it is always only shown the first or the second.) Now I think, the second script needs some changes)?
Thank you, Bud, for the hint!
Changed in the javascript: *var menuids=["treemenu1","treemenu2"] //Enter id(s) of SuckerTree UL menus, separated by commas
Changed in the second menu code: "<div class="suckertreemenu"><ul id="treemenu2">"


Done! Question 5 ??? How to set the submenus of the second menu to be shown above the main level ?
Fixed by myself *proud*
Changed disclosures for "top:" in the CSS code


Done! Question 6 ??? How to change java script code (menu arrows are not needed)?
Thank you for the hint, Beverleyh!
see post http://www.dynamicdrive.com/forums/s...381#post292381
Changed in the javascript: commented out the lines:
//ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
//ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"


Question 7 ???
The Holly Hack seems only to work in IE 4 - 6!?! Have a look at this table: http://www.dynamicsitesolutions.com/...support-chart/

IE 8 looks fine without the Holly Hack (with activated ActiveX)?!? Still needed?
In Chrome (version 25.0.1364.172 m) it also looks nice.
But: the menus have a space /overlap in FireFox version 19.0.2.
How to manage this?

/* Holly Hack for IE \*/
/** html .suckertreemenu ul li, .suckertreemenu2 ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a, .suckertreemenu2 ul li a { height: 1%;}
* html .suckertreemenu ul li ul li, .suckertreemenu2 ul li ul li { float: left;}*/
/* End */


I packed my work in a .zip-file:
two .html-files, a .gif- and a .png-image and put it now into the DD space, hoping someone will have a look at it.

I am still learning and will probably not understand too "cryptic" explanations and please, excuse my bad English.

Thank you for reading!
wimi

[ajfmrf]

Please post a link to the page on your site that contains the problematic script so we can check it out.

http://oarso.net/suckerTree/index.html

This has both one the same page.just do like it has for each menu but place it where you want it.

[wtronic-germany]

Done! Thank you, Bud, for the hint!

Changed in the javascript: var menuids=["treemenu1","treemenu2"]
Changed in the second menu code: <div class="suckertreemenu"><ul id="treemenu2">

Now the second hoizontal menu works too (downwards) and "only" five more questions are remaining ...

Here is the link: http://fimum.de/lischi/wtronic-sucke...menu-test.html

Greetings from wimi

[wtronic-germany]

Question 5 is done too!

[ajfmrf]

In the css for the menu you have the arrows here:

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

remove the meda/arrow-right.gif and the media/arrow-down.gif

just delelte the link to the image and leave the background to start.

[wtronic-germany]

Hi Bud,

the CSS code was deleted, but I want to delete the code in the JavaScript too.

Thanks!
wimi

[ajfmrf]

I may be wrong but I don't think that the javascript is involved with the arrow images,just the css.

If I am wrong someone will correct me surely - lol

[wtronic-germany]

The javascript is somehow involved:

ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"

ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"

So sorry
wimi

[ajfmrf]

I don't think that is what it may look like.

I am not a javascript guru so we need one to verify that it is not for those arrow images as I believe.

[wtronic-germany]

The link has changed:

http://fimum.de/lischi/suckertreemenu-test/test.html

Greetings from wimi