CSS Code for Table Border Colour

Hello all

I have recently discovered that when adding colour to a table border with
HTML, it will only appear correctly in IE. To ensure the colours appear
correctly in other browsers, this should be done with CSS.

I have one style sheet for my entire site. Admittedly, I an not well versed
in CSS at all. Saying that, I would love to know the basic entry you use to
dictate table border colour.

I thank you all very much in advance!

Ben

table { border:1px solid green; }

This will put a 1px solid green border around each table on the page.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Bjam70" <webforumsuser (AT) macromedia (DOT) com> wrote

Hello all

I have recently discovered that when adding colour to a table border with
HTML, it will only appear correctly in IE. To ensure the colours appear
correctly in other browsers, this should be done with CSS.

I have one style sheet for my entire site. Admittedly, I an not well
versed
in CSS at all. Saying that, I would love to know the basic entry you use
to
dictate table border colour.

I thank you all very much in advance!

Ben

table {
color:black;
}

or create the class like one below , and apply it to the table <table class="table_border>

..table_border {
color:black;
}

ooop I am sorry I forgot to add border to it
so it should go like this:

..table_border { border:1px solid black;}

<table class="table_border">


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"kryha1" <krystian24 (AT) hotmail (DOT) com> wrote

table {
color:black;
}

or create the class like one below , and apply it to the table <table
class="table_border

.table_border {
color:black;
}

Thank you both for the quick responses. Here is a sample of my current style
sheet:

.text {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #866B64;
font-size: 13px;
}

.quotetext {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000066;
font-size: 13px;
}

Would the next entry (for the table border) be:

.table{
border: 1px solid;
color: #E0D4C4;
}

Thank you so much again!! I really appreciate the help.

.table{
border: 1px solid;
color: #E0D4C4;
}

That's a custom class, and it will have no effect unless you apply it to a
table on the page, e.g.,

<table class="table"....

You could also redefine the table tag (by just removing the leading period
in the CSS above), and that would then automatically style every table on
the page.


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Bjam70" <webforumsuser (AT) macromedia (DOT) com> wrote

Thank you both for the quick responses. Here is a sample of my current
style
sheet:

.text {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #866B64;
font-size: 13px;
}

.quotetext {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000066;
font-size: 13px;
}

Would the next entry (for the table border) be:

.table{
border: 1px solid;
color: #E0D4C4;
}

Thank you so much again!! I really appreciate the help.

..oO(Bjam70)

Thank you both for the quick responses. Here is a sample of my current style
sheet:

.text {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #866B64;
font-size: 13px;
}

.quotetext {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000066;
font-size: 13px;
}

Better:

body {font: 13px Geneva, Arial, Helvetica, sans-serif}
..text {color: #866B64}
..quotetext {color: #006}

Properties like 'font-family' and 'font-size' are inherited, there's no
reason to declare them over and over again.

Micha