Background position menu-items

  • srf0611

    (@srf0611)


    12 years, 7 months ago

    Hello everyone,

    I’m trying to edit my WordPress theme on this website in the following way:

    In the top menu (CSS: art-menu) this image should be displayed above the ‘hover’ item (so the item where the mouse is on).

    Can somebody help me out?
    The problem is that this image will have to be displayed abóve the item (so outside the art-menu div).

    Thanks in advance.
    Stefan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Diana Thompson

    (@likethegoddess)

    12 years, 7 months ago

    If I understand your query properly, the most elegant solution would be a “sliding door” technique. In short, create a background image with both your link/active/visited state and your hover state placed side-by-side. Then use CSS positioning to move the image back and forth. Google “sliding door CSS” for more info.

    Thread Starter srf0611

    (@srf0611)

    12 years, 7 months ago

    That’s what I’ve been trying.
    I’ve made the div ‘art-nav’ bigger, so there is space for the ‘mouse.png’-image to be displayed above the

      .

    However, I don’t succeed in positioning the mouse.png-image above the list-items. I can only get it behind or below the list-item.
    I’ve already tried for hours in all kinds of ways; I want to but the

      on the bottom of the art-nav div, and get the mouse-overimage above the

    • item.

    Can someone help me?
    Thanks

    Diana Thompson

    (@likethegoddess)

    12 years, 7 months ago

    Hmm, your response is a bit broken up. Maybe you’d like to share your code with http://pastebin.com/.

    Thread Starter srf0611

    (@srf0611)

    12 years, 7 months ago

    Hi!

    It’s all about this site.
    There’s not very much to post on Pastebin; it’s all about the CSS code.

    Do you get my problem?
    The image that is now being displayed when your mouse is on an item, should appear above the ‘hover ‘item.

    Can you help me?

    Thanks,
    Stefan

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background position menu-items’ is closed to new replies.