Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2002
    Location
    eNYCe
    Posts
    83
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Aligning a table background to the bottom of the cell with norepeat

    I would like to have a single image appear behind text at the very bottom of the text. The text itself is in a table cell and I have been attempting to align the background to the baseline with norepeat, but I can't figure out how. The length of the text will vary so relying on resizeing the image with padding is out of the question. Any better methods to achieve the same goal will be openly welcomed.

    Ideally, this could be cross-browser, but not totally necessary. If needed I can just make the image hidden in non-compatible browsers.

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Styles

    The following styles applied to the table cell in question should lead to the desired effect:
    Code:
    td {background-image: url(theimage.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
       }
    All properties used here are in the CSS 1 recommendation, but it is reported that some older browsers (mainly NN 4.x) don't support the background-position property.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    New Coder
    Join Date
    Sep 2002
    Location
    eNYCe
    Posts
    83
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Works Excellent! Thanks!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •