# CSS Rollover, Image then Text

**URL:** <https://forum.kirupa.com/t/css-rollover-image-then-text/118073>\
**Category:** Uncategorized\
**Created:** [August 2, 2004, 4:32pm UTC](https://forum.kirupa.com/t/css-rollover-image-then-text/118073 "2004-08-02T16:32:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![darley](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@darley](https://forum.kirupa.com/u/darley)\
**Post date:** [August 2, 2004, 4:32pm UTC](https://forum.kirupa.com/t/css-rollover-image-then-text/118073/1 "2004-08-02T16:32:36Z")

</div>

I have a predicament.

I want to make a CSS rollover. This is not a problem with 2 images. But I am trying to figure out how to do it the following way.

I have 1 image for the UP state. I would like the OVER state to be nothing but text. I have a solid background color. Image size is 108x108. Text will need to fit in same area.

Ideas? I will keep messing around with it, but I appreciate any direction.

Thanks!!!

---

<div class="post-metadata">

**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\
**Post date:** [August 2, 2004, 4:39pm UTC](https://forum.kirupa.com/t/css-rollover-image-then-text/118073/2 "2004-08-02T16:39:45Z")

</div>

[http://bombingpxiels.com/kirupa/lists-css.php](http://bombingpxiels.com/kirupa/lists-css.php)

view the source

---

<div class="post-metadata">

**Author:** ![darley](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@darley](https://forum.kirupa.com/u/darley)\
**Post date:** [August 2, 2004, 4:49pm UTC](https://forum.kirupa.com/t/css-rollover-image-then-text/118073/3 "2004-08-02T16:49:33Z")

</div>

very, very close.

the biggest problem I have is the text being visible on the UP state. The OVEr state performs just as desired. I need to have ONLY the image showing on the UP state.

thank you for your quick response.

---

<div class="post-metadata">

**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\
**Post date:** [August 2, 2004, 5:08pm UTC](https://forum.kirupa.com/t/css-rollover-image-then-text/118073/4 "2004-08-02T17:08:23Z")

</div>

[http://bombingpxiels.com/kirupa/lists-css.php](http://bombingpxiels.com/kirupa/lists-css.php)

if you set the width and height in a different place it’ll work, I just didn’t get that part working…