<html>
<head>
- <title><!--~main_title show {~-->Images<!--~}~--></title>
+ <title><!--~$title show {~-->Images<!--~}~--></title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
-<!--~main_body show {~-->
+<!--~$body show {~-->
<!--~display {~-->
<h2>Image details</h2>
</ol>
<!--~smaller {~-->
- <div><strong>On the right: </strong>(with the page text to the left of it)</div><div><code class="html"><span class="float_right"><img src="~src~" width="~width~" height="~height~" alt="" />~caption html~</span></code></div>
+ <div><strong>On the right: </strong>(with the page text to the left of it)</div><div><code class="html"><span class="wfpl_ifr" style="background-image: url(~src~); width: ~width~px; padding-top: ~height~;">~caption html~</span></code></div>
<div><strong>On the left: </strong>(with the page text to the right of it)</div><div><code class="html"><span class="float_left"><img src="~src~" width="~width~" height="~height~" alt="" />~caption html~</span></code></div>
<div><strong>Centered: </strong>(with nothing to either side)</div><div> <code class="html"><div class="mid_pic" style="width: ~width~px"><img src="~src~" width="~width~" height="~height~" alt="" />~caption html~</div></code></div>
<div><img src="~src~" alt="" /></div>