dropdowns and navigation..

[spotOn998]

I just finished learning a bit of CSS.. The CSS Anthology by Rachel Andrews.. I think it is a great book for future reference when you want to accomplish a certain CSS task.. So now I do understand and am comfortable with HTML markup files and CSS.. how CSS seperates the styling from the actual code..

I have a bit of a problem and if someone can quickly guide me in the right direction I will be very grateful..

I want to change the entire look of my zen site.. first I want to move navigation sidebar links from the side of pages to the top.. i think this would make it part of the header? I want to make these links have dropdown menus in the case that they have sub links..

after reading the entire faq section I am inclined to believe that I will have to make changes to the includes/templates section.. more specifically I think I will have to make changes to the stylesheet.css file.. am I correct in thinking this?

I am quite comfortable with CSS now but now I have to tie it with Zen Cart and figure this out.. thanks in advance..

[spotOn998]

also, I would like to know where the HTML file that stylesheet.css styles is located.. If I can find that HTML file and disect it with the stylesheet.css I think I might be in good shape..

[tony_sar]

by navigation if you mean your category side box , then there is a free module in addon section that will create dropdown CSS for you but yet , it should also be great tool for you to advance your understanding of CSS and how zencart works. ..

http://www.zen-cart.com/index.php?ma...roducts_id=479

[spotOn998]

yeah thanks for that.. am looking at it right now..

good stuff.. however, i wanted to do it myself so i can do it for the version 2.0.. since i am waiting for 2.0 to really get on a live server and all.. well maybe after installing it and looking at it carefully ill figure out exactly how.....

[rstevenson]

also, I would like to know where the HTML file that stylesheet.css styles is located.. If I can find that HTML file and disect it with the stylesheet.css I think I might be in good shape..

Zen Cart does not have any HTML files in it. What you see in your browser is an HTML page assembled by scripts, and then styled by (mostly) the definitions in your stylesheet.css.

There's a couple of things to do to start...
1. become familiar with the overrides system (you've probably seen that in the FAQs)
2. install and use Firefox as your development browser, and install some of the tools available for it, in particular Firebug as well as Web Developer Tools. They'll help you track down elements to be styled and can perform other magic tricks as well.

Rob

[spotOn998]

yeah im starting to realize that now.. thanks rstevs..