suckertree hoizontal menu css + javascript questions

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 :rolleyes:


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

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.

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

Question 5 is done too!

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

Code:

---

/*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.

Hi Bud,

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

Thanks!
wimi

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

The javascript is somehow involved:

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

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

So sorry:(
wimi

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.

The link has changed:

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

Greetings from wimi