Topic: Table Border conflicts Pages that link to <a href="https://ozoneasylum.com/backlink?for=10763" title="Pages that link to Topic: Table Border conflicts" rel="nofollow" >Topic: Table Border conflicts\

 
Author Thread
Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 06-26-2002 00:26 Edit Quote

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

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 06-26-2002 00:36 Edit Quote

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.

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 06-26-2002 00:44 Edit Quote

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

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 06-26-2002 00:54 Edit Quote

How could you achieve:

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



Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 06-26-2002 01:46 Edit Quote

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;
}

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 06-26-2002 05:53 Edit Quote

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

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 06-26-2002 13:37 Edit Quote

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

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 06-26-2002 14:57 Edit Quote

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

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

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 06-26-2002 16:05 Edit Quote

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).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 06-26-2002 16:19 Edit Quote

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 =)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu