CSS Borders

[foxymorons]

Looking for a simple CSS style, that will give me thin table borders.

Tried every tutorial online and nothing.

any help greaT!

 

[ChrisHunt]

This should do it:

table {
   border-collapse: collapse;
}

td, th {
   border: 1px solid black;
}

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[ChrisHirst]

table {
    border-collapse: collapse;
}
td, th{
    border:1px solid #00FF00;
}

is as thin as you can get

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.

 

[ChrisHirst]

whoops,

Chris hadn't posted when I started.

Moral is; hit submit before answering the phone!

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.

 

[Foamcow]

table { border:1px solid #000; }

Put that in a stylesheet, it creates a 1 pixel black border around any table used in the document.
If you want borders around the table cells you will need to add something like..

td { border:1px solid #000; }

Now you will notice a drawback with this in that since each cell has a 1 pixel border, where they touch the border is 2 pixels.
Depending on what you require in the finished thing you can apply borders to only certain sides.

table {
    border-left:1px solid #000;
    border-bottom:1px solid #000;
    border-collapse: collapse;
}

td {
    border-top:1px solid #000;
    border-right:1px solid #000;
    padding:4px;
}

You will also notice that I have added border-collapse: collapse to the table style declaration. This closes up the gaps that may be rendered between each cell and the border of the table.
As as safety net, though I am not sure how needed this is, I also remove cellspacing, cellpadding and border from the HTML table tag, like so:

<table border="0" cellspacing="0" cellpadding="0>
...

Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time

 

[Foamcow]

Whoops, likewise!

Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time

 

[Foamcow]

What an earth was I thinking about? I'm going back to bed

Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time

 

[ChrisHirst]

G'night

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.