Problem with Navigation

  • Author
    Posts
  • #1159820

    jrader981
    Member

    Someone gave me CSS to work on. Not sure about the coding. Every time the code is in place, the Navigation stays highlighted, but he drop-down menu is not working properly:

    .navbar {
    background:#f0b005; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b005 0%, #f2d517 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b005), color-stop(100%,#f2d517)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b005 0%,#f2d517 100%); /* W3C */
    width:960px; padding:0px 0 0px 0; border-top:solid #231f20 2px;
    -webkit-box-shadow:0px 4px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:0px 4px 5px rgba(50, 50, 50, 0.75);
    box-shadow:0px 4px 5px rgba(50, 50, 50, 0.75);
    text-align:center;
    }

    #navlinks { width: 100%; margin:0 0px; text-align:center; position:relative; padding-top:14px; padding-bottom:10px;}
    #navlinks ul li a { text-decoration:none; font-size:14px; font-family:”Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, Arial, sans-serif;}

    ul.level-1 { text-align:center; position:relative; display: inline-block;}
    ul.level-1>li { list-style-type:none; float:left;}
    ul.level-1>li a { color:#231f20; text-decoration:none; padding:14px 10px 14px 10px; font-size:14px; font-family:”Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, Arial, sans-serif;}
    ul.level-1>li:hover a { text-decoration:underline; cursor:pointer; background-color: #3b3a3a; color: #ffffff;}
    ul.level-2
    {
    display:block; position:absolute; z-index:50; padding:4px 2px 4px 2px; border:solid #231f20 1px; white-space: nowrap; display: inline-block;
    background:#f0b005; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b005 0%, #f2d517 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b005), color-stop(100%,#f2d517)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b005 0%,#f2d517 100%); /* W3C */
    margin-top:14px;
    color:#231f20;}
    ul.level-2 li { list-style-type:none; padding:8px 0px 8px 0px; height:auto;}
    ul.level-1>li a {color:#231f20; text-decoration:none; padding:14px 10px 14px 10px; font-size:14px; font-family:”Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, Arial, sans-serif;}
    ul.level-2>li:hover a { text-decoration:underline; cursor:pointer; background-color: #3b3a3a; padding:8px 10px 8px 10px; height:auto; color: #ffffff;}

    Any help would be great. I’ve been frustrated with this all day

    The blog I need help with is jared8239blog.wordpress.com.

    #1160096

    The blog you selected when you entered your help request doesn’t have a menu in it: http://jared8239blog.wordpress.com/

    This forum is for WordPress.com blogs. Can you please provide a link to your WordPress.com blog? The CSS will depend on which theme you are using.

    #1160148

    Note that CSS is theme specific, and often times you need some context in order to help (such as being able to see the HTML so there is some context).

    Since there haven’t been an replies on this topic for the past couple weeks, I’m going to change the status to resolved. If you still need help with a WordPress.com blog, please reply back with the link tot he blog you’re working on and change the topic status to “not resolved.”

The topic ‘Problem with Navigation’ is closed to new replies.