Tables, bordercolor w3 validation errors, and CSS

May 1st, 2007 by Steve

If you are trying to validate your HTML with Dreamweaver or w3.org, you may have noticed errors stating there is no such attribute as “bordercolor”. Once again, CSS saves the day. The quick solution is to add a style class then insert the tables in a span:
.tbblue table, .tbblue td { border: 1px solid #0000ff; background-color: #000000; color: #00FFFF;}

<span class="tbblue"> <table width="60%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>=1=</td><td>=2=</td>
</tr>
<tr>
<td>=3=</td><td>=4=</td>
</tr>
</table></span>

Should result in this 2×2 table:

=1= =2=
=3= =4=

Another option does not even require the use of CSS; Just give the table a background color and cellspacing a size equal to your desired border, then give the table cells a different background color. If you put the table in a span like I did in the first example, you can avoid having to define the background color (bgcolor=”#000000″) in every table cell. Instead, add something like this to your style sheet: .tbblue td {background-color: #000000;}
Here’s the code for the non-CSS version:

<table bgcolor="#66ccff" border="0" cellpadding="0" cellspacing="1" width="50">
<tr>
<td bgcolor="#000000">=1=</td>
<td bgcolor="#000000">=2=</td>
</tr>
<tr>
<td bgcolor="#000000">=3=</td>
<td bgcolor="#000000">=4=</td>
</tr>
</table>

=1= =2=
=3= =4=

Posted in , | 13 Comments »

13 Responses

  1. Zocor Says:
    October 2nd, 2008 at 3:28 pm

    Passed, senks author

  2. RYErnest Says:
    November 30th, 2008 at 4:19 am

    Nice post u have here 😀 Added to my RSS reader

  3. Anonymous Coward Says:
    July 22nd, 2010 at 2:57 pm

    You can also but the class directly on your table, or for a one-shot bordercolour (generally not recommended) use the style attribute.
    Using attributes for styling is generally a no-no, unless there really is no other way.

  4. Valorie Says:
    May 26th, 2014 at 1:20 am

    I believe that is one of the most important information for
    me. And i am happy reading your article. But should commentary on few
    basic issues, The site taste is wonderful, the articles
    is actually nice : D. Just right activity, cheers

  5. danialtxhqui.pen.io Says:
    June 14th, 2014 at 8:42 am

    constantly i used to read smaller articles which also clear their
    motive, and that is also happening with this article which I am reading at this
    time.

  6. Rosalina Says:
    July 25th, 2016 at 7:11 pm

    I see you don’t monetize your site, there is one cool method to make extra money, it will work with your blog perfectly, just
    search in google for: tips and tricks by Fejlando

  7. hedge basket Says:
    February 17th, 2017 at 3:40 am

    Interesting info. Me and my brother are trading using RobotFX EA. They are developing valuable expert advisers (FX trading software or robot fx) and valuable MetaTrader technical indicators based on fortunate forex strategies. The robotfx trading tools are well explained so each robot trading trader can understand the trading idea behind it. All RobotFX trading tools are also available as demo version that anyone can download for free.
    hedge basket http://robotfx.ro/

  8. adultfrinendfinder.com l Says:
    September 2nd, 2017 at 6:35 am

    I am in fact happy to read this web site posts which consists of plenty of useful facts, thanks
    for providing such information.

  9. adultfreind finder Says:
    April 7th, 2018 at 4:56 pm

    This is my first time visit at here and i
    am really pleassant to read everthing at alone
    place.

  10. water damage repair Says:
    April 9th, 2018 at 3:06 pm

    Hi every one, here every one is sharing these knowledge, so it’s nice to
    read this webpage, and I used to go to see this webpage all the time.

  11. robot ea Says:
    September 3rd, 2019 at 4:55 pm

    Hi Dear, are you in fact visiting this site daily, if so
    after that you will definitely take nice knowledge.

  12. ????USER50 Says:
    October 26th, 2019 at 6:22 am

    ??????????????????????????50 UFA700 ???? ?????????????????????????????????????????????? ????? ???????? ?????????????? ???????? ?????????? ???????? ??? ???????? ??????????? ???? ????????? ???????????????
    ?????????????????? 50 % ????
    ?????????????? ????????50
    ???? ???????????????? ????
    500 ??? ????????????????? ???????? ?????????????50 ???????????? ????? ????????????????????????? ??????? ?????????????? ?? ??????????????? ???????????????? ??? ????????????? ?????????????????????? ??????? ?????????????? ?????????? ????????????50 ?????????? ?????????? ?????? ????????? ??????? ?????????? ??????????????????????????????????? ??? ??????????????????50 ???????? ?????????????????????????? ?????? ????????????? ?????? ???????? ???????????? ??????????????? ??????????????? ?????????????? ????????????????????????
    ????????????????? ????????????? ?????????????? ???????? ?????? ?????? ?????????????? ?????? ???????? ??????????????????? ?????? ?? ??????? ?????????????? ?????????????? ????????
    ??? ??????? ??????????? ?????????????? ???????????????? ????????????? ?????????????? ???????????
    ???????????50 ??????????????????????????????????? 50 UFA700.COM

  13. Anonymous Says:
    March 16th, 2021 at 7:44 am

    Awesome post.

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.