1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Rep Power

    Image in Table Cell with CSS

    Hi. I've got a question regarding placing an image within a table cell and using CSS to achieve a certain result. The table cell's width is determined at 530px, but the height is dependent on the actual length of the copy. What I'm looking to accomplish is have an image ghosted in the background of the text. It is supposed to appear in the lower right hand corner of the cell. I've already created the image with a transparent background, but it's not implementing correctly. Can I use a Z-Index style to achieve the item being placed under the text? Also, how do I make sure that the image is positioned in the lower right hand corner of the cell regardless of the height of the cell? Thanks!

  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Germany, Cologne
    Rep Power
    hi simon,
    you can simply use the following css attributes on your cell:

    background-image: url(your-image);
    background-position: position

    for the position you can either use two numeric values or the css-positioning expressions, like "top" "bottom" "left" and so on...
    as there is no position like bottom-right you need to use the exact coordinates.
    if you're not sure what they are just play a bit with them.

    hope that helps

    "Windows' memory-management can be used to frighten small children"

IMN logo majestic logo threadwatch logo seochat tools logo