- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
Spartacus The Television Series - A HTML5 & CSS3 website developed as part of a University project
And the url :
For this to validate, you have to wrap the image and figcaption in a figure:
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!
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 */ }
Thanks.