problem with table borders in css

I cannot figure out what is causing the borders in the tables on this page

http://www.brightideaswebdesign.com/Sha-Ron-Martin/wp-content/themes/MKTheme/index.php

I have cleared out any borders that I could think of but there are still some there.  
brightsusanAsked:
Who is Participating?
 
remorinaCommented:
Removing the rules=all alone should make it work for that Pink div while keeping other tables with borders as intended.

Quoted: "rules="all" indicates that all the internal borders should be visible. rules="all"  is usually used in conjunction with frame="void" so that there are outer borders but no inner borders. "

I'm not sure why updating the table information would automatically re-insert the rules="all" property, I have Adobe Dreamweaver CS4 on my machine and it doesn't insert the rules property when inserting tables however I believe you'd have to make sure it's removed in order for the borders not to show.
0
 
brightsusanAuthor Commented:
Forgot to mention that it is in Firefox that the borders show
0
 
remorinaCommented:

There are several reasons for the borders showing.

Your CSS contains the below rule which obviously defines a solid border for the table td

.table td {
    border: 1px solid #666666;
    font-size: 11px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
}

Open in new window


On the other hand you have a border="1" and a rules="all", where border="1" will result in a border in all browsers, rules="all" will work only with mozilla and other browsers but will not work with internet explorer

<table width="467" border="1" cellspacing="0" rules="all" class="table" id="ctl00_dgrReport">

Open in new window


In order to eliminate the borders you need to remove them all.

Cheers!
0
 
brightsusanAuthor Commented:
I thought that my css for that div would override the css for all other tables.  I want the other tables to have borders but not this one.  How would I write the css for that?

also, I will be changing the information in the table out periodically so how can I set that rules="all" to not be there automatically.  In other words where I won't have to go in each time and remove it.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.