Quote:
Originally Posted by Jellby
If it's not... then I'll have to try with SVG  |
... and here it is
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div.leftpic {
float: left;
clear: left;
text-align: left;
margin: 0 0.5em 0.5em 0; /* 0 m m 0 */
}
div.leftpic img {
width: 100%;
}
div#cheshire {
width: 70%; /* w */
max-height: 0;
margin: 0;
}
div#cheshire_1 {
width: 70%; /* w */
margin-top: -0.5em; /* -m */
}
div#cheshire_2 {
width: 32.25%; /* 645/1400 * w */
margin-top: -0.5em; /* -m */
}
</style>
</head>
<body>
<p>
<div class="leftpic" id="cheshire">
<img src="Alice-23.jpg" alt="Alice talks to Cheshire Cat"/>
</div>
<div class="leftpic" id="cheshire_1">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1400 885"></svg>
</div>
<div class="leftpic" id="cheshire_2">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 645 1113"></svg>
</div>
So she set the little creature down, and felt quite relieved to see it trot away
quietly into the wood. 'If it had grown up,' she said to herself, 'it would have
made a dreadfully ugly child: but it makes rather a handsome pig, I think.' And
she began thinking over other children she knew, who might do very well as pigs,
and was just saying to herself, 'if one only knew the right way to change
them--' when she was a little startled by seeing the Cheshire Cat sitting
on a bough of a tree a few yards off.
</p>
</body>
</html>
Well, I think I'll stop now
