Title: rollover images
Last modified: August 19, 2016

---

# rollover images

 *  [chasemcmullen](https://wordpress.org/support/users/chasemcmullen/)
 * (@chasemcmullen)
 * [16 years, 5 months ago](https://wordpress.org/support/topic/rollover-images/)
 * Ive tried several codes and none work on any of the sites i create, is there 
   2 ends to the codes i have to input —– one in the css and the other in the html/
   php?

Viewing 1 replies (of 1 total)

 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [16 years, 5 months ago](https://wordpress.org/support/topic/rollover-images/#post-1295277)
 * here is a tutorial that includes CSS hover states. You use two sets of styling
   
   [http://www.tizag.com/cssT/pclass.php](http://www.tizag.com/cssT/pclass.php)
 * example:
 *     ```
       a { background: url(images/image.jpg) no-repeat; }
       a:hover { background: url(images/image_rollover.jpg) no-repeat; }
       ```
   
 * If you are doing it in CSS you don’t need to change the HTML/PHP at all.
 * if you are applying it to an A tag, you may need to use
    display: block and assign
   a height and width to the A tag that matches the background image size.

Viewing 1 replies (of 1 total)

The topic ‘rollover images’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * Last activity: [16 years, 5 months ago](https://wordpress.org/support/topic/rollover-images/#post-1295277)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics