WordPress.org

Support

Support » Themes and Templates » [Resolved] select first and last element in menu

[Resolved] select first and last element in menu

Viewing 3 replies - 1 through 3 (of 3 total)
  • What exactly are you looking to do? Depending on that, we can offer different methods.

    Best,
    Connor

    well I need to just make that menu, basically. however that is.

    normally I would use something like http://selectivizr.com/ to select first and last element and assign images to it to round the corners. I don’t want to use CSS3 to round the corners since’s not supported by all browsers.

    problem is that wordpress is dynamic, and menu’s change so I want it not to break if they add a new section of the site.

    A little bit less-semantic way to do this is like so:

    <div id="nav-wrapper">
          <div id="nav-left">
                 /* Left corner image here */
           </div>
           <div id="nav-center">
                /* Dynamic nav here */
            </div>
            <div id="nav-right">
                /* Right corner image here */
             </div>
    </div>

    And then, you’d make the nav-left and nav-right a display:block; float:left (or right, for nav-right), give them a width, and backround-images. Then, just give the nav-wrapper a width in px, and that should work perfectly well. Also be sure to give the #nav-center a background that repeats-x (or is just a hex), then that’ll work like the sliding door effect. That way, you don’t need to target the first element, although I’m sure that’s possible, am just in the middle of doing some homework right now 😉

    Best,
    Connor
    @c_t_montgomery

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] select first and last element in menu’ is closed to new replies.