Feb
10
Written by:
Steve Gray
2/10/2010 3:25 PM
I have become accustomed to a certain style of table formatting for ‘name/value pair’ html tables, it looks something like this:
I end up using this in quite a few projects, so I’ll post it here for easy reference
.table0 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:solid 1px #CCCCCC;
margin: 0 auto;
text-align: left
}
.table1 {
padding-left:3px;
padding-right:3px;
background-color: #D5F3FF;
height:21px;
}
.table2 {
padding-left:3px;
background-color:#F9FDFF;
border:solid 1px #f7f7f7;
}
.table3
{
padding-top:3px;
padding-bottom:3px;
border-right: #dcdcdc 1px solid;
border-top: #dcdcdc 1px solid;
border-left: #dcdcdc 1px solid;
border-bottom: #dcdcdc 1px solid;
text-align:center
}
As always, I welcome your comments!