Topic: Table Border conflicts (Page 1 of 1)

Hi there,

With CSS I am setting the border width for my TD's. This is easy enough, but how do you keep the borders from conflicting (doubling up)?

td {
border: 2px;
}

Thanks, Karl

Try:

table {
border-left:2px;
border-top:2px;
}

td {
border-right:2px;
border-bottom:2px;
}

Or, in the case of borders with even widths, you can just divide the width by two and give each table cell and the table itself a border of that width.

Hmmm... was reading something on "Collapse". That doesn't do it?
(i was thinking there was a better way)

I'm looking now at how to make all widths the same size.

Karl

How could you achieve:

A table with an outside thick border (4px)
All cells within table thin (2px)

No, margin collapsing, if that's what you're referring to, won't affect borders.

To do what you asked, I'd do this:

table {
border:3px;
}
td {
border:1px;
}

Hmm... *thinking that there was something else that I couldn't accomplish do to borders doubling up*
If I think of it, I will post it.

Thanks!
Karl

If you want your table borders to stop doubling up you will need table { border-collapse: collapse; } - see:
www.gurusnetwork.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic;f=17;t=000053

___________________
Emps

FAQs: Emperor

Oh, wow. I hadn't heard of that before.

More info at http://www.w3.org/TR/CSS2/tables.html#propdef-border-collapse

Interesting. Would something like this be viewable in NN4.7? Or is it going to be IE5+ and NN6+?

Nevermind. It doesn't work in NN4.7 Answered my own question.

Later,
C:\


~Binary is best~

[This message has been edited by CPrompt (edited 06-26-2002).]

NN 4.7 came out *very* soon after CSS1 was released (over 5 frickin' years ago); anything in CSS2 is completely out of the question =)