CSS Map?

[misty]

Get a copy of FireFox with the Web Developer and FireBug extensions.
They will show all CSS configs for any zencart template,
including current default, Classic Green.

[GwaiTsi]

Hi Misty, thanks for the advice.

I am using a thing called Rapid CSS which shows me all the settings.
The thing is a have had to workout what each class, element and indentifier relate to on the web page by trial and error because i haven't found that documented.

Are you suggesting the firefox developer will allow me to link to the page and see what each element is without making changes?

Cheers

[samad64]

Hi Misty, thanks for the advice.

I am using a thing called Rapid CSS which shows me all the settings.
The thing is a have had to workout what each class, element and indentifier relate to on the web page by trial and error because i haven't found that documented.

Are you suggesting the firefox developer will allow me to link to the page and see what each element is without making changes?

Cheers

thats basically what it does. when you click "information" and then choose "display id & class details", it will show you a small box next to each css class used

[misty]

Are you suggesting the firefox developer will allow me to link to the page and see what each element is without making changes?

Yes

[GwaiTsi]

super, i will give it a bash, thanks

[barco57]

also remember than not all class and id info that you find for elements on a page will be addressed in the stylesheet.....some stuff is just waiting for you to add it and style it. Have fun, I couldn't get along without the web developer plugin for firefox.

[batteryman]

Thank you Misty for the valuable information, however I already use firefox with all the mods you mentioned and they are invaluable.

I was looking for something more like this though for the 1.3.6 version of zencart: http://avel.mambopanda.com/template_layout.htm(1.2.x)

It is a very useful tool for quick referencing.

avel

[kobra]

You might think of creating one and contributing it...

This is only one page and there are many pages with differing div's and tags and a basic reason that "all" the information for every div & tag might be more confusing than assistance.

[istilah]

I agree with Batteryman that a layout guide would be helpfull. I thankfully used the mentiones layout map with my 1.2x versions, as I do not know much about CSS.
In 1.3x versions I was completely lost with my layout, and spend a lot of time figuring out what was what.

My answer to Kobra's post: it would be impossible to cover everything. But a layout guide could at least give an impression of the way the CSS is setup, so newbies like me can get an idea of the system of the new CSS, and understand the basic selector groupings.

For details or different page specific items indeed firefox developer works great.