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

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -