Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Placing content on top of an image and bottom aligning it.

Bottom of Page

1 to 3 of 3

  1.  
    • CommentAuthortrulygood
    • CommentTimeFeb 15th 2010
     permalink
    Hi community mates.
    I am trying to place some content on top of an image (which is easy enough), while ensuring the content is bottom aligned with the image, without using static heights, as I want the background color (behind the text and above the image) to expand UP if the users' font-size is larger.

    Please view this image:
    http://www.trulygoodsolutions.com/images/carousel.jpg

    Any suggestions?
    •  
      CommentAuthoraleare
    • CommentTimeFeb 16th 2010 edited
     permalink
    Hi,
    Try to apply position:relative; and then bottom:0; to both text and image.
    Cheers!

    { *aleare }
    • CommentAuthortrulygood
    • CommentTimeFeb 17th 2010
     permalink
    thank you aleare!

1 to 3 of 3

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page