Heather Solomon's Blog

SharePoint 2007 Branding

Article Categories
Post Categories


  Jump to: Follow speheather on Twitter Follow Heather Solomon on Facebook
Heather's SharePoint 2010 Blog is located at blog.sharepointexperience.com
Loading

James Jackson shares a cool trick to add an alternating row style to any table using CSS and one image... very neat and useful.

Alternating row colors with CSS alone

High level of what he shows:


Code:

body, td {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;}
#tableDisplay {background: url("horizontalpattern.png"); border: 1px solid #cacaca; border-width: 0 1px 1px 1px;}
#tableDisplay td {height: 25px; padding-left: 5px; padding-right: 5px;}
   

End Result:

screenshot for horizontal pattern


posted on Friday, November 04, 2005 12:43 PM

Copyright © 2005-2011. Heather Solomon.
Site design by Heather Solomon. Yes it is dated and purple. If I changed it, no one would recognize it! Check out my new home at sharepointexperience.com.

Blog Stats:
Posts - 390
Stories - 39
Comments - 1795
Trackbacks - 183
Follow speheather on Twitter

Follow Heather Solomon on Facebook

Branding/UI/UX Courses for SharePoint taught by Heather Solomon

VIEW COURSE SCHEDULE