How to give alternate row shading to products listing in Zen Cart

When shopping carts list products, adding a little formatting and color to your web page can make all the difference.
for Zen cart row shading, simply add this CSS code to your style sheet.
.rowOdd {
background-color: #E8E8E8;
height: 1.5em;
vertical-align: top;
}
.rowEven {
background-color: #F0F0F0;
height: 1.5em;
vertical-align: top;
}
That’s it!

Posted Under: Cascading Style Sheets CSS, Zen Cart Development Notes
This post was written by admin on December 4, 2008 Comments (0)

How to Center an Image on your web page using CSS

An effective way to center an image in CSS is by using a class within the DIV tags. Provided your image is placed within the div tags, give it the CSS class name of .centerimage below. This way, the style will center the img tag and your graphic.
.centerimage img {
display:block;
margin:auto;
}
Short and Simple.

Posted Under: Cascading Style Sheets CSS
This post was written by admin on December 4, 2008 Comments (0)