http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css
Especially this bit:
Sizing Images in ems
To retain the rhythm of the the example page, the size of an image should be a multiple of the basic leading.
Our image has a width and height of 90px (18px × 5.) It has right and bottom margins of 18px and is floated left in the paragraph text. This is the HTML:
<p>
<img src="90.jpg" alt="Clevedon Pier" /> Lorem…
</p>
[/color]
The image is a child of the paragraph—it’s parent—so we know that the image has inherited a font size of 12px. Therefore, to calculate the image width and height we do the following using the formula:
1 ÷ 12 × 90 = 7.5em
(1 ÷ parent font-size × required pixel value = em value)
Then apply that to the CSS:
p img{
width: 7.5em;
height: 7.5em;
}
[/color]
Is there any way to do elastic image sizing in dokuwiki? Ideally, I'd define everything in relativistic terms, rather than absolute pixels sizes. That way, I can grow the text size and know the image sizes will grow proportionately, preserving the overall feel.
I'm thinking it could be done by modifying the dokuwiki image code to generate some inline css for each image, so that width/height can be defined in em-spaces, rather than pixels (the only option that pure html allows for).