Expanding Navigation Background

  • So I’ve got a menu that has a drop down on it. Each item is just the title of the page, some are longer titles than others. The navigation bars have a “curve” on either end of them… so, what I’m wanting to do is make them able to “expand” so that if the text is longer they will be longer, and if they’re smaller they will be smaller… all without distorting them rounded edges.

    The way to do this would be to put a “div” on the front and end of each navigation li link.

    So, how do you do this?

    I’m thinking it would be something like:
    wp_list_pages(‘div_paramenters_here’);

    But, I don’t know what those div parameters would be to add a div at the front, and different div at the end, of each li.

    Ideas?

Viewing 1 replies (of 1 total)
  • Thread Starter noelgreen

    (@noelgreen)

    Here’s the code I’ve got now… it’s not working.
    Is this close?

    <?php wp_list_pages('title_li=<div id="menu_left"></div>' . __('') . '<div id="menu_right"></div>'); ?>

    And on my CSS I have this…

    #menu_left {
background: transparent url('images/menu_left.png') no-repeat;
height: 19px;
width: 8px;
}

#menu_right {
background: transparent url('images/menu_right.png') no-repeat;
height: 19px;
width: 8px;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Expanding Navigation Background’ is closed to new replies.