Grow your CSS skills. Land your dream job.

Picture Captions for Album List?

  • # February 9, 2013 at 10:01 pm

    I am trying to create a list of Albums for the picture section of my site. I would like to use a thumbnail of each album as the link, with a caption describing the Album.

    How can I set the caption to be below the image?

    Small CodePen with the markup: http://codepen.io/enjay43/pen/JIqmD

    Any idea?

    # February 10, 2013 at 3:50 am

    This is something that cries out for the figure/figcaption element

    http://codepen.io/anon/pen/kfhFl

    # February 10, 2013 at 3:52 am

    I’ve used the list format as you have but if it’s just a gallery type thing you could dispense with that and just use a whole bunch of figures/figcaptions and style them accordingly.

    # February 10, 2013 at 11:26 am

    This looks great! I was thinking figure/figcaption, but was having a hard time getting my head around it, and couldn’t tell whether it was something people actually use. CodePen was a great help, as usual.

    Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".