We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

problem with table borders in css

brightsusan
brightsusan asked
on
Medium Priority
230 Views
Last Modified: 2012-05-11
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.  
Comment
Watch Question

Author

Commented:
Forgot to mention that it is in Firefox that the borders show
Top Expert 2010

Commented:

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!

Author

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.
Top Expert 2010
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.