WordPress.org

Ready to get started?Download WordPress

Forums

Background position menu-items (5 posts)

  1. srf0611
    Member
    Posted 2 years 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

  2. likethegoddess
    Member
    Posted 2 years 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.

  3. srf0611
    Member
    Posted 2 years 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

  4. likethegoddess
    Member
    Posted 2 years ago #

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

  5. srf0611
    Member
    Posted 2 years 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

Topic Closed

This topic has been closed to new replies.

About this Topic