[thelist] table borders lower-right

.jeff jeff at members.evolt.org
Thu Sep 12 01:20:01 CDT 2002


joel & roger,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: Joel Canfield
>
> > When viewing the html page, the table was appearing
> > with the proper 1 px border, but the borders around
> > the cells were only around the right side, and lower
> > edge of each cell.
> > [ . . . ]
> > Is there some kinda css that'll do it?
>
> [snip]
>
> You should create a class in you CSS file and just make
> each <td> that class. Don't put the styles inline.
> 'specially not when they're big honkin' globs like this.
>
> [snip]
>
> border-right: 2px solid #ccc;
> border-bottom: 1px solid #666;
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

better, yet, rather than classing each individual <td>, why not just class the table and then use a style declaration like this?

.tableBottomRightBorders td {
  border-right: 2px solid #cccccc;
  border-bottom: 1px solid #666666;
}

<table cellpadding="0"
       cellspacing="0"
       border="0"
       class="tableBottomRightBorders">
<tr>
  <td>blah 1</td>
  <td>blah 2</td>
  <td>blah 3</td>
  <td>blah 4</td>
</tr>
</table>

.jeff

http://evolt.org/
jeff at members.evolt.org
http://members.evolt.org/jeff/




More information about the thelist mailing list