responsive images filling the whole screen

There are in total two methods making images responsive and both methods require a slightly different method getting “text in”. Assumed you are aware of both methods applying images in web, the easier part is simply doing it as background-image. Todays FW(7) has background-size: cover already available in inspector. The text can be treated as you would do with a regular DIV.

The image Tag is a lil bit more complicated. An img-TAG (in our world the pass-through) is technically spoken a placeholder for an image; which is the reason why it can’t contain anything else.

Thus spoken, the pass-through element requires a parent wrapping DIV and in this DIV you can place another one (preferably absolut). So the parent container contains two elements - the figure and the fig-caption - if you want so.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at: