DHTML Nav Menu

[cherylkemp]

Ok...after doing a lot of reading/searching on the forum, I'm still stuck. What I'd like to do is have the ezpages navigation menu look something like the example HERE

I think I've narrowed it down to styling in the main stylesheet #navEZPagesTop and doing something in tpl_header.php I'm not really sure though what goes where and if these are the only two file changes involved. Could someone please give me a better idea of what I need to do here to change the look of the ezpages navigation?

[kobra]

Cheryl,

Actually, since you have found the 'suckerfish' code sources, and I would think that you are capable of customizing this to your needs, all of this code could be represented in your css file, a separate css file for just this menu or possibly in your mainpage.php assuming the you want this menu on all pages.

[clydejones]

try adding this to your stylesheet.css (portion in red)

#navEZPagesTop {
background-color: #ffff33;
border-left: 15px solid #000000;
border-right: 15px solid #000000;
text-align: center;
}

[cherylkemp]

I think I got the customization part ok...you can see the nav in my test store at www.divaknitting.com/teststore

A couple of questions though..right now I have the code in templates/custom/templates/tpl_ezpages_bar_header.php and separated the css part into a file called stylesheet_ezpages_header.css in the custom/css folder Is that even how it should be set up?

Some how the right stylesheet is being used for the nav bar, but I have no idea how!
While the actual menu works, the styling part messes up the rest of the page. I'd also like the menu to be centered and haven't figured out how to do that yet.

A little more help please?

[kobra]

the style sheets are processed in alpha-numerical order . If you have defined separate class id's for te ezpage items they will not be applied to other items, but if you have replicated classes i.e. H1 or others the last sheet processed will prevail.

Your link wsa not functioning when I attempted access.

To attempt to center you might need to lock the position of the first and float the rest.

Will check for site access later

[cherylkemp]

I apologize! I mis posted the link. here is the correct one

[cherylkemp]

A little progress...I added the <div> properly and specified the div for the ezpagesnav in the stylesheet. Voila...those styles apply only to the drop down.

However, I still have the problem of centering the whole menu in the page...haven't figured that one out. Also, it shows well in FF but in IE the dropdown shifts to the right. Not a huge deal, but I'd rather have the way it shows in FF.

Any suggestions?