[SOLVED] Navigation: ShadowMenu - Horizontal

[kentcowan]

I am new to CMSMS and have found the information in these forums to be priceless.  I am attempting to get rid of the 'shadow effect' in the above mentioned stylsheet.  However, I don't seem to be able to wrap my head around the logic in the stylesheet.  I want solid tabs (one color for active tabs, another color for inactive tabs, and another color for a hover effect).  I have tried creating new image sets for each, using the 'navlefttest.gif' and 'navrttest.gif' and changing the code in the Navigation: ShadowMenu - Horizontal stylesheet to reflect the new image paths, but nothing I do seems to work.  If anyone could provied a more detailed explination of the logic (e.g., how do I change the tabs and get rid of the shadow effect), I would greatly appreciate it.  Or, I you have a better idea for a CSS code that would create a tabed menu with dropdowns (simular to those used in the Navigation: ShadowMenu - Horizontal) I would be in you debt.  Thanks in advnace.

Kent

[Dr.CSS]

You are on the right path changing those images, a link to the site would help a lot...

[kentcowan]

Sorry about that; I should have included it in the orginal post: http://www.cowanclan.com/

[Dr.CSS]

The images you called are showing up, you may need to remake them, it seems like you want them to be flat not look like they are rounded with shadows...

[kentcowan]

I created 3 sets of images (inactive/active set and hover set) and played around by putting the images in different placess in the code.  That was probably about the most efective things I have done to understand the logic.  However, despite anything I do, I can't keep the active tab from apearing as no image on the left or the left background being transparent.  Any suggestions?  BTW: Thanks for your suggestion.  I'm going to have some detailed notes on understanding/customizing this default stylsheet when I am done.

[Dr.CSS]

It looks like you went back to the original code...

I use Firefox with the Web Dev. tool bar, it has the Edit CSS button in it so I can make changes to a site in real time, you may find it a big help in doing what you want...

[kentcowan]

You are correct; I made such a mess of things that I decided to go back to the beginning.  I am now able to change the button images for everything excep the active button.  No matter what I do (including deleting images like nav.png and darknav.png) it does not change.  However, the code in the CSS makes it appear that those images have something to do with the active state.  When I look at the source code for the page, it appears that the .menuactive class may have something to do with it.  Does it.  If so, where can I find it?

Thanks,

[owr_bgld]

...Or, I you have a better idea for a CSS code that would create a tabed menu with dropdowns (simular to those used in the Navigation: ShadowMenu - Horizontal) ....

Did you try the "cssmenu.tpl" with the stylesheet "CSS Menu - Horizontal" yet?

[kentcowan]

Sorry it took so long to get back to this (the school year snuck up on me) and thanks for all your suggestions.  As alwsys the problem was really simple and was all due to my rushing:

Changing:
background:  url([[root_url]]/uploads/ngrey/navrttest.gif) no-repeat right 0px;

To:
background: url([[root_url]]/uploads/ngrey/navrttest.gif) no-repeat right -51px;

in the CSS that controls the active had hover made all the difference; now it is doing exactly what I wanted it to do!

Thanks Again