Background position menu-items

  • 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)

  • 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)

    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

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

    Thread Starter srf0611

    (@srf0611)

    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.