css3 - CSS table no respect the class values over table -


i have css :

table { margin: 10px 0 20px 0; width: 100%; text-align: center; }     table th { color: #38a4fc; padding-top: 5px; background-color: #f9f9f9; width: 200px; height: 30px; border: 1px solid #d7d7d7; border-bottom: none; }  table td { background-color: #fff; height: 35px; border: 1px solid #d7d7d7; padding: 10px; }  table tr:hover td { background-color: #eee; } 

also have class other table :

.web_table { width:90%; border:0px solid; }  .web_table_td_left { width:50%; height:30px; font-family:arial; font-size:15px; color:#000000; }   .web_table_td_right { width:50%; height:30px; font-family:arial; font-size:15px; color:#000000; text-align:center; } 

when use this:

<table class="web_table"><tr><td class="web_table_tf_left"></td><td class="web_table_tf_right"></td></tr></table> 

the table use values of "table" in css , no class, don't know whats bad in code, think if use 1 class must take values of class , no others suppose.

i wonder how many man hours have been lost typos. i've lost year @ point. :)

your css has rules .web_table_td_right html has classes named web_table_tf_right. td vs tf.

http://jsfiddle.net/mrrys/


Comments

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -