Good Afternoon,

            I have an old html ref book that has a CSS section. I looked
in it to find information on how selectors are over ruled by other
rules.

For example, it seems like the table selector below is over ruling the
#commentTab and #commentTab .td rules.

 

Basically when I show a hidden div that has a form ( contained in table
commentTab ) I don't want any borders for the table.

But when I show the div, the table in it shows the top and right
borders.

 

Sometimes the top and right borders are showing even BEFORE I show the
div.

 

Any ideas. Any good docs that I can be directed too to read for myself.
I need to buy a CSS book. I have the 2nd Edition of Osbourne HTML
reference.

 

I don't want to be flamed for asking a dumb question. So instead of
that. direct me where I can read for myself.

 

BTW, Im on Win2k3 Server, IE 6 and Im working in Dreamweaver8. The CSS
is external.

 

Thanks for your time. It is appreciated.

 

table {

        border-left: 1px solid #999;

        border-collapse:collapse;

        border-bottom:none;

}

caption {

                          font-family:Arial, Helvetica, sans-serif;

                          color:#993333;

                          padding-bottom: 6px;

             }

td {

                 padding: 10px 5px;

                 border-right: 1px solid #999;

                 border-top: 1px solid #999;

                 border-bottom: none;

                 font-family: Verdana, Geneva, Arial, helvetica,
sans-serif;

    }

th {

     border-top: none;

             border-right: 1px solid #999;

             border-bottom: 1px solid #999;

            }

 

form dt {

          float: left;

                          padding-right: 10px;

                         }

form dd {

           margin: 0;

                        }

                        

#givr {

         height:100px;

                         width:200px;

               }

#commentTab {

                border-bottom: none;

                                        border-left: none;

                                        border-right: none;

                                     }

                                     

#commentTab .td {

                   border-right: none;

                                                   border-left: none;

                                                   border-top: none;

                                        }

.hideDiv  {

              color:#000033; background-color:#cccccc;
layer-background-color:#cccccc;

              position:absolute; top:100px; left:100px; width:480px;
height:280px;

              z-index:99;  visibility:hidden;

                          }

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to