Community discussion forum

Menu.css corrupting my other theme.css

  • 4 months ago

    I am trying to install a menu into my web page, but as soon as I add the attached menu .css file, it corrupts all the text in my site to Bold. I have gone through this file with a fine tooth comb and changed everything that looks even remotely like font or font-weight, and nothing helps. I have deleted everything from my site, rebuilt everything, same problem. At present I have deleted it all again.

    .nav {
    height:35px; 
    background: url(images/bg.gif) repeat-x; 
    position:relative; 
    font-family:arial, verdana, sans-serif; 
    font-size:11px; 
    width:100%; 
    z-index:100;
    margin:0;
    padding:0;
    }
    
    .nav .table {
    display:table; 
    margin:0 auto;
    }
    
    .nav .select,
    .nav .current {
    margin:0; 
    padding:0; 
    list-style:none; 
    display:table-cell; 
    white-space:nowrap;
    }
    
    .nav li {
    margin:0; 
    padding:0; 
    height:auto; 
    float:left;
    }
    
    .nav .select a {
    display:block; 
    height:35px; 
    float:left; 
    font-weight:bold;
    background: url(images/bg.gif); 
    padding:0 30px 0 30px; 
    text-decoration:none; 
    line-height:35px; 
    white-space:nowrap; 
    color:#dfdfdf;
    }
    
    
    .nav .select a:hover, 
    .nav .select li:hover a {
    background: url(images/hover.gif); 
    padding:0 0 0 15px; 
    cursor:pointer; 
    color:#2b3238;
    }
    
    .nav .select a b{
        font-weight:bold;
        }
    
    .nav .select a:hover b, 
    .nav .select li:hover a b {
    display:block; 
    float:left; 
    padding:0 30px 0 15px; 
    background:url(images/hover.gif) right top; 
    cursor:pointer;
    }
    
    .nav .select_sub {
    display:none;
    }
    
    /* IE6 only */
    .nav table {
    border-collapse:collapse; 
    margin:-1px; 
    font-size:1em; 
    width:0; 
    height:0;
    }
    
    .nav .sub {
    display:table; 
    margin:0 auto; 
    padding:0; 
    list-style:none;
    }
    
    .nav .sub_active .current_sub a, 
    .nav .sub_active a:hover {
    background:transparent; 
    color:#2b3238;
    }
    
    .nav .select :hover .select_sub, 
    .nav .current .show {
    display:block; 
    position:absolute; 
    width:100%; 
    top:35px; 
    background:url(images/back.gif); 
    padding:0; 
    z-index:100; 
    left:0; 
    text-align:center;
    }
    
    .nav .current .show {
    z-index:10;
    }
    
    .nav .select :hover .sub li a, 
    .nav .current .show .sub li a {
    display:block; 
    float:left; 
    background:transparent; 
    padding:0 10px 0 10px; 
    margin:0; 
    white-space:nowrap; 
    border:0; 
    color:#2b3238;
    }
    
    .nav .current .sub li.sub_show a {
    color:#2b3238; 
    cursor:default; 
    }
    
    .nav .select .sub li a {
        font-weight:normal;
    }
    
    .nav .select :hover .sub li a:hover, 
    .nav .current .sub li a:hover {
    visibility:visible; 
    color:#909090; 
    }
    
    Post was edited on 19/07/2009 00:44:31 Report abuse

Post a reply

No one has replied yet! Why not be the first?

Sign in or Join us (it's free).

Want to stay in touch with what's going on? Follow us on twitter!