Sermonzone:
If it a waste of anyone's time, detracts from the community, goes in the wrong direction or has a better way to be done, please let me know.
Certainly not! You are doing a great service and are to be commended!
A document which makes it "easier" for newbies to reference info that they will most cetainly need is very good thing. That kind of document would have been very handy when I first started with Zen Cart and probably would still be helpful to me now. that is why I am contributing ideas.
When I first started here I already had a backgorund in PHP, MYSQL CSS2, PHP, Apache, FTP, SSL, etc. But I still had to read, re-read and re-read the Zen Cart FAQ and the various readme docs to absorb many of the new ideas (e.g. overrides). I do feel for others without the prior experience I had.
And even now, when I think I have an improved grasp, a new issue pops up and knocks me on my butt. (I now consider myself as an 'Intermediate' not 'Advanced' Zen Cart user). Often enough I find that a solution I applied to one problem does not readily apply to another very similar problem. So reading and more reading to find a workaround is often the only solution. But this describes life in all aspects, not just Zen Cart customization work.
It comes down to this... if newbie store-owners are unwilling to invest in the "required" reading (e.g. on XHTML and CSS) before jumping into customizing Zen Cart, then they should hand over the "customization" project to someone else who has.
Help bait the first hook, and do the first cast if needed, but the reeling in part... well sometimes it is desirable to show folks how to reel it in too. Hopefully then they will be able to return the favor and teach others to do the same. This is the spirit in which I post here ;-)
With that said...
Regarding CSS, ALL newbies should be directed to the W3C CSS site for an overview of the CSS2.1 model. Even if CSS2.1 is still considered a "working draft", it is fairly well considered the standard - http://www.w3.org/TR/CSS21/
Required reading, no getting around it.
CSS v.3 is coming. But right now only basic CSS 2.1 proficiency is required for those who want to customize current version of Zen Cart. However be aware that new features exist in CSS3 which could also prove helpful to many Zen Cart customizers.
Important CSS 2.1 Categories -
relevant to Zen cart customization:
- Syntax, Selectors, Property Values, Cascading, Inheritance
- Box model, Visual formatting model, (Line box), Positioning
- Color, Backgrounds (& Borders)
- Tables, (Columns, Lists)
- Text (Layout, Text Effects)
- (Style)
(parentheses indicates new CSS3 categories which may also be helpful in customizing Zen Cart).
Another area to consider is browser CSS (and XHTML) support differences.
Direction to a quality website exist illustrating/comparing browser CSS support differences would be useful. . I thought I had a bookmark to a quality site describing how well IE7, IE6, Firefox 1.5, and latest Opera and Safari browsers, support CSS 2.1 and XHTML 1.0. But cannot locate right now.
I am repeating myself... Firefox Web Developer Extension is the easiest tool to use to display how CSS is applied to a Zen Cart site, and easiest tool for customizing the CSS.
CSS and XHTML work together. You want to know both!
http://www.w3.org/MarkUp/
Thus Zen Cart customizers need a basic background in "XHTML 1.0 Transitional". http://www.w3.org/TR/xhtml1/
Validating your CSS and XHTML is highly recommended.
The sites above have links to W3C CSS and XHTML validators.
(and you might want to learn about the differences between "Transitional" and "Strict" XHTML revisions. And if interested in managing your mark-up for Mobile phones and other small devices you may want to check out the newer "Basic" XHTML revision http://www.w3.org/TR/2006/WD-xhtml-basic-20060607/ ).
Also a discussion focusing on standard CSS and XHTML Accessibility features which apply (or do not apply) to Zen Cart and/or different browsers might be warranted.
Woody