Methods for placing image+caption
Methods for placing image+caption Feb 3
This website, largely targeting innovative bamboo construction methods, should work like a newspaper blog:
1 Often, only one image with just one caption – Image size can vary a lot! Caption and image stay together over different screen sizes. The <figure>-<img>-<figcaption> method should work if the total figure width can be controlled, say 150px? Caption will follow image if screen size changes.
2 Sometimes, 2-3 explanatory images in a row with text content connected as in a user manual - Image size could mostly be the same. Occasionally though, one image merits a larger height or width than the others in the row. Should be possible with Flex and .figure-gallery.width {max-width:200px;…} or 30% for example. Two row grids are less relevant here.
3 Sometimes only text chunks like in an article. Normal <p> should do with random words in bold or italic. <span>, in-line. These text portions should also wrap around floated images like in Word.
Grateful for comments!
Ingemar
