Positioning of Drop-down menu

Forums Forums Menus Positioning of Drop-down menu

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #723
    dyakub
    Member

    hi, i’m trying to position my menu so that it fits the width of my banner image, an image is shown in the link below:
    http://img3.imageshack.us/img3/7539/menuprintscreen.gif%5B/url:4ozy0seq%5D

    #5782
    dyakub
    Member

    basically, i’m using the wp default theme and the menu is too wide for its fixed width. How can i change the menu so that it fits the width of the page?

    #5783

    This may work, but hard to know without seeing the code.
    [code:3nx2khkj]#suckerfishnav, #suckerfishnav ul {width:300px}[/code:3nx2khkj]

    #5784
    dyakub
    Member

    This is the actual code as of right now without the hover parameters:
    [code:3q6pwzd1]#suckerfishnav {
        background:#1b5a8f url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x;
        font-size:12px;
        font-family:verdana,sans-serif;
        font-weight:bold;
        width:100%;
        }
    #suckerfishnav, #suckerfishnav ul {width:300px}
        float:left;
        list-style:none;
        line-height:25px;
        padding:0;
        border:1px solid #1b5a8f ;
        margin:0;
        width:100%;
        }
    #suckerfishnav a {
        display:block;
        color:#dddddd;
        text-decoration:none;
        padding:0px 10px;
        }
    #suckerfishnav li {
        float:left;
       
        }
    #suckerfishnav ul {
        position:absolute;
        left:-999em;
        height:auto;
        width:101px;
        font-weight:normal;
        margin:0;
        line-height:1;
        border:0;
        border-top:1px solid #666666;
        }
    #suckerfishnav li li {
        width:99px;
        border-bottom:1px solid #666666;
        border-left:1px solid #666666;
        border-right:1px solid #666666;
        font-weight:bold;
        font-family:verdana,sans-serif;
        }
    #suckerfishnav li li a {
        padding:4px 10px;
        width:80px;
        font-size:12px;
        color:#dddddd;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 100px;
        }[/code:3q6pwzd1]

    #5785

    Did my original code not work?

    Your CSS isn’t any use to me unfortunately. I need to see the whole page.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.