Question

I want to set in table cell the image and this image should be changed with hover action.

The css file:

#image_background  { background-image: url(images/panorami_gallery.jpg);
          background-repeat: no-repeat;
...
}

.left_button { background-image: url (images/left_gallery_arrow.png);
          background-repeat: no-repeat;
}
.left_button:hover { background-image: url (images/left_gallery_arrow_hover.png);
           background-repeat: no-repeat; 
}

The html-file:

<table id="background_image">
....
    <tr>
       <td>
          <div class ="left_button">
          </div>
       </td>
    </tr>
</table>

The problem that I don’t see the “left_gallery_arrow.png” image at all. What does I miss? Thanks.

Answer 1

you cannot have a space between url and the braces… url (...) is wrong.. url() is correct. (Chrome + Ubuntu anyways)

See my example: http://jsfiddle.net/rlemon/TwcQS/

you div needs a height and width property to display the image.. or content.

also i’m assuming #image_background is meant to reference the table… typo? should be #background_image