MobileRead Forums - View Single Post - Full-page illustration that doesn’t interrupt the text

dgatwood · 12-23-2012, 04:25 PM

Historically, HTML/CSS didn't really have a mechanism for that. Content either appears in the flow at a particular point or is absolutely placed relative to the viewport or page. Neither one would result in what you're asking for.

I think the best you can realistically do is to put it on a separate page that's outside the flow and provide a link to it (<a name="backref001" href="...">show</a>) and make the image be a link back (<a href="origfile.html#backref001">).

In theoretical future readers that support all of CSS3, you might be able to to this:

Code:

img { move-to: page-top; }

but I don't expect any reader to support that currently. At last check, even browsers don't support it yet. Maybe in five years.

12-23-2012, 04:25 PM	#2
dgatwood Curmudgeon Posts: 629 Karma: 1623086 Join Date: Jan 2012 Device: iPad, iPhone, Nook Simple Touch	Historically, HTML/CSS didn't really have a mechanism for that. Content either appears in the flow at a particular point or is absolutely placed relative to the viewport or page. Neither one would result in what you're asking for. I think the best you can realistically do is to put it on a separate page that's outside the flow and provide a link to it (<a name="backref001" href="...">show</a>) and make the image be a link back (<a href="origfile.html#backref001">). In theoretical future readers that support all of CSS3, you might be able to to this: Code: img { move-to: page-top; } but I don't expect any reader to support that currently. At last check, even browsers don't support it yet. Maybe in five years.