March 19, 2004

Pagebreaks in HTML? Get out!

Specifying page breaks for printing using CSS - I’d heard of this before but never tried it. Seems to work with Safari, although not with the style attached to an IMG tag. Using it with a DIV seemed to work best. Here’s an example where I’ve got four yahoo maps images, two per page:

<div align="center">
  <img src="map_4.jpg" />
  <br clear="all" />
  <img src="map_3.jpg" />
  <br clear="all" />
</div>
<div align="center" style="page-break-before:always">
  <img src="map_2.jpg" />
  <br clear="all" />
  <img src="map_1.jpg" />
</div>
Next: Site down later today
Previous: Shifting to and fro in the administration