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).

We'd love to hear what you think! Submit ideas or give us feedback