html - CSS table affecting my Navigation bar which is also a table -
my problem i'm trying create table in css without affecting navigation bar has been created table in fireworks. i've tried targeting table using id , class selectors didn't work.
this table want create in css:
.cart table { border-collapse: collapse; color: #999; font: 80%/1.2 'arvo', serif, sans-serif, georgia, "times new roman", times,serif; font-weight: normal; } .cart table th, td { border-right: 1px solid #fff; border-bottom: 1px solid #999; padding: .5em; } .cart table tr { background: #b0c4d7; } .cart table thead th { background: #fff; color: #fff; } .cart table th { font-weight: normal; background: #fff; } .cart table tr.alternate { background: #fff; } .cart table tr.alternate th { background: #fff; }
the html code:
<div class="cart"> <table> ............ info here etc............. </table> </div>
the navigation bar css is:
#navigation { display: block; text-align: center; margin: 0 auto; padding: 0px 0px 0px 0px; width: 860px; height: 30px; }
and navigation html is:
<div id="navigation"> <table border="0" cellpadding="0" cellspacing="0" width="780"> <!-- fwtable fwsrc="navbar.png" fwbase="navbar.gif" fwstyle="dreamweaver" fwdocid = "820939584" fwnested="0" --> <tr> <td><img name="navbar_r1_c1" src="images/navbar/navbar_r1_c1.gif" width="78" height="30" border="0" alt=""></td> <td><a href="index.html" target="_self" onmouseout="mm_nbgroup('out');" onmouseover="mm_nbgroup('over','navbar_r1_c2','images/navbar/navbar_r1_c2_f2.gif', 'images/navbar/navbar_r1_c2_f4.gif',1);" onclick="mm_nbgroup('down','navbar1','navbar_r1_c2', 'images/navbar/navbar_r1_c2_f3.gif',1);"><img name="navbar_r1_c2" src="images/navbar/navbar_r1_c2.gif" width="66" height="30" border="0" alt="home"></a> </td> ..... more cells etc......... </tr> </table>
let me right - navigation table not in .cart <div>
element, , vice versa?
in addition, rule problematic:
.cart table th, td { ... }
you need change to:
.cart table th, .cart table td { ... }
Comments
Post a Comment