[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