Forums

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

Home Forums CSS figcaption Validation error

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #38279
    MBM
    Participant

    I’ve got 10 validation errors on my website :

    Line 217, Column 12: Element figcaption not allowed as child of element li in this context. (Suppressing further errors from this subtree.)

    Spartacus The Television Series
    Here’s the HTML :

    And the url :

    http://mbmitservices.co.uk/

    #103684
    agrimsrud
    Participant

    For this to validate, you have to wrap the image and figcaption in a figure:



    Caption

    #103689
    MBM
    Participant

    Thanks. Valid and displaying correctly in the major browsers. When I added the figure tag it added a big ugly white border around the thumbnails. I defined two figure classes, one for the thumbnails which defaulted the border to it’s original size :

    .noframe {
    margin:0;
    }

    And another which added a frame, even though this was defined in a class previously but for some reason it wouldn’t display, to the full size image :

    .frame {
    margin:0;
    background:#ffffff;
    padding: 6px 6px 6px 6px;
    }

    The HTML :

    That seems a terribly inefficient way of doing something a simple as added a caption and a frame!

    #103695
    TheDoc
    Member

    Instead of using two different classes, you should just have a default for ‘figure’ and then one with a frame. Eg:

    figure { /* no frame */ }

    .frame { /* frame styles */ }
    #103730
    MBM
    Participant

    Thanks.

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