1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Wordpress CSS programming

Discussion in 'Blogging' started by billyh7, Aug 10, 2010.

  1. billyh7

    billyh7 Junior Member

    Joined:
    Dec 18, 2008
    Messages:
    162
    Likes Received:
    2
    Can somebody please help me modify my CSS file in my subnav so I can add sub menus and a menu off of my sub menu. Thanks in advance.

    /************************************************
    * Subnav *
    ************************************************/

    #subnav {
    background: #444444;
    width: 920px;
    height: 27px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #222222;
    }

    #subnav p {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    text-transform: uppercase;
    }

    #subnav a, #subnav a:visited {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0px 0px 3px;
    }

    #subnav a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    }

    #subnav p {
    color: #FFFFFF;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
    }

    #subnav a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #subnav ul {
    margin: 0px;
    padding: 0px;
    }

    #subnav li {
    list-style-type: none;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    display: inline;
    }

    #subnav ul li a, #subnav ul li a:visited {
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    }

    #subnav ul li a:hover {
    color: #CC0000;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    }

    #subnavleft {
    width: 780px;
    float: left;
    margin: 0px;
    padding: 5px 0px 0px 10px;
    }

    #subnavright {
    width: 120px;
    float: right;
    margin: 0px;
    padding: 4px 10px 0px 0px;
    text-align: right;
    }
     
    Last edited: Aug 10, 2010