Table Border Color

dad7732 · Posted: Wed Apr 07, 2010 8:21 am

Tried several approaches to adding a border with border color to no avail.

Tried: bordercolor="red" and style="border-color:red;" in the table tag.

Neither works, any solution to this?

Cheers

spasticdonkey · Posted: Wed Apr 07, 2010 8:37 am

try
style="border:1px solid red;"

you can also apply different border styles (instead of solid) such as dotted, dashed, double, groove, and ridge.. if you dont define a border style the border may not appear...

the above is "shorthand", can also be written as:
border-style:solid;border-width:1px;border-color:red;

dad7732 · Posted: Wed Apr 07, 2010 6:36 pm

Tried that one also, didn't work .. still thinking nonetheless.

Cheers

Update: style="border:1px solid blue;" works ok so long as I understand how to spell blue correctly !! Sad

spasticdonkey · Posted: Wed Apr 07, 2010 7:05 pm

hmmm, how about:
style="border:1px solid #ff0000"
for red...?

It's also possible you have some styling conflicts, maybe a border: none somewhere?

Firebug for firefox is very handy for troubleshooting styling, you can right click on any page element and see all associated styling, even styles that have been overridden.

dad7732 · Posted: Wed Apr 07, 2010 7:45 pm

I guess you missed my "update" in the above reply .. it works!

Cheers and yes I have the latest FF and Firebug. Smile