[thelist] table borders lower-right

Joel Canfield joel at spinhead.com
Thu Sep 12 00:57:01 CDT 2002


--
[ Picked text/plain from multipart/alternative ]
> 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?

Good call. Guess what I was playing with today? ;)

I left my Briggs/Champeon/Costello/Patterson (Isn't 'BCCP' Cyrillic script
for the Russian for 'Union of Soviet Socialist Republics' ?)

What was I saying? Oh; left my book at work, so this is off the top of my
head:

For each table cell (I tried the <tr> but it didna do a bit o' guid) get
this style in there:

border-right-width: 2px;
border-right-style: solid;
border-right-color: #ccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;

Of course, use whatever width, style (dashed, dotted, solid) or color you
like.

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.

Yeah, you could shorthand it to
border-right: 2px solid #ccc;
border-bottom: 1px solid #666;

but it's less educational that way.

Okay, off to go test whether this is even close. I was making it all up.

joel



More information about the thelist mailing list