Title: Background position menu-items
Last modified: August 20, 2016

---

# Background position menu-items

 *  [srf0611](https://wordpress.org/support/users/srf0611/)
 * (@srf0611)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/background-position-menu-items/)
 * Hello everyone,
 * I’m trying to edit my WordPress theme on [this website](http://www.jeromeanker.nl/relief)
   in the following way:
 * In the top menu (CSS: art-menu) [this image](http://jeromeanker.nl/relief/wp-content/themes/Template_Relief_Consult/images/mouse.png)
   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](https://wordpress.org/support/users/likethegoddess/)
 * (@likethegoddess)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/background-position-menu-items/#post-2303263)
 * 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](https://wordpress.org/support/users/srf0611/)
 * (@srf0611)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/background-position-menu-items/#post-2303379)
 * 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](https://wordpress.org/support/users/likethegoddess/)
 * (@likethegoddess)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/background-position-menu-items/#post-2303394)
 * Hmm, your response is a bit broken up. Maybe you’d like to share your code with
   [http://pastebin.com/](http://pastebin.com/).
 *  Thread Starter [srf0611](https://wordpress.org/support/users/srf0611/)
 * (@srf0611)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/background-position-menu-items/#post-2303405)
 * Hi!
 * It’s all about [this site](http://jeromeanker.nl/relief/).
    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.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [div](https://wordpress.org/support/topic-tag/div/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [outside](https://wordpress.org/support/topic-tag/outside/)

 * 4 replies
 * 2 participants
 * Last reply from: [srf0611](https://wordpress.org/support/users/srf0611/)
 * Last activity: [14 years, 8 months ago](https://wordpress.org/support/topic/background-position-menu-items/#post-2303405)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics