Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to put caption on each image ?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #244966
    odading
    Participant

    Hi,

    I’m starting to learn css from the internet.
    I found a “slide show” code from the internet which I would like to implement it to my website. How ever I don’t know how to put caption from that code.

    Would you please help me “fix” the code so there is a caption on each image which shown ?

    The code is here :
    http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_imgdots

    Any kind of help would be greatly appreciated.
    Thank you in advanced and I’m sorry for my broken English and I’m sorry if my question is not appropriate here.

    regards.

    #244974
    Atelierbram
    Participant

    You can use the figcaption element (within a figure element) for this.
    In my fork of the demo here I use an extra pre element, which may seem superfluous
    , but which can come handy for extra control on spacing.

    http://codepen.io/atelierbram/pen/rLXYkd

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.