PDA

View Full Version : Border for a table


Andromeda
01-02-2006, 06:02 PM
Hi everyone,

Could you please look at http://www.aoteacollege.school.nz/calendar_of_events.htm ('http://www.aoteacollege.school.nz/calendar_of_events.htm') and tell me how the thin black lines in the table are achieved - both the border and all the lines inside. All I can manage in Dreamweaver are the thick grey ones.

Creative Insanity
01-02-2006, 06:18 PM
Holly crap! MS HTML blach! That page your displayed was done with Excel and shaved as an HTML file. If you want that in your table properties make a border size of 1 px and make the border color black. That should give the same result.

BTW that college (Aotea) is about 10 minutes from where I live.

Andromeda
01-02-2006, 07:15 PM
Thanks for the reply.

I'll try what you suggested.

BTW, Aota college is about 10 minutes from where I live too. I've recently taken over doing that web site but there's a lot I don't understand.

ROFLOL! We could be neighbours. I could come round for coffee and have some personal tuition!!!!

Creative Insanity
01-02-2006, 07:27 PM
yeah maybe.. LOL

So you live in Porirua then I take it.
If so send me a PM and maybe I can help you in person, as you can pop around and I wil show you a shitload of tricks with dreamweaver. :)

Andromeda
01-02-2006, 07:44 PM
Reasonably near to Porirua anyway! I'll bear your offer in mind :-)

http://www.newday.co.nz/test.html ('http://www.newday.co.nz/test.html') shows you my table but the lines remain grey even though I've set the border to black.

Creative Insanity
01-02-2006, 11:01 PM
Ok.. add a css file and add this to the css file and attach your pages to the css file.
td {
border: 1px solid #000000;
}
tr {
border: 1px solid #000000;
}
table {
border: 1px solid #000000;
}

Andromeda
01-03-2006, 01:29 AM
It always comes back to style sheets doesn't it!! I REALLY must read up about them!

Is there anyway of having the inside lines half the width of 1px? I've tried .5px but it doesn't work.

Creative Insanity
01-03-2006, 04:44 AM
1px is the smallest.. you could make the table size 2px and that would make the td and tr ones look thinner.

domedia
01-03-2006, 01:55 PM
I think you might be looking for the CSS property border-collapse.
The smallest unit on a monitor is 1 pixel.


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

Andromeda
01-03-2006, 11:57 PM
Thanks domedia. That worked.

It does seem strange that although the border was given a width of 1px it obviously wasn't just 1px. Obviously it has to be collapsed too!!