Image reduction
Hello
I am having difficulties with the presentation of floated (either left or right) images in the text.
E.g., the image has a physical width of say 400px. It has a caption and a description underneath. Using
<div class="texte">
[(#TEXTE|image_reduire{350,0})]
</div>
gives proper results.
Now I want to decrease the image presentation without changing the physical image dimensions (i.e. no document editing): I changed the lines from above to
<div class="texte">
[(#TEXTE|image_reduire{200,0})]
</div>
As a result the presentation of the image itself has changed from width=350 to width=200 as it should be. The width "reserved" for the image, however, has not changed. It is the same width as before. That means now a blank area appears next to the right hand side of the image.
It seems that this behavior only occurs with images having a caption and/or a description. The width of these texts don't change as the image does.
Thanks for any help.
Ulrich
P.S.: Why not changing the physical image dimensions of the image? - I use the same images in different templates with different functions.
<div>
<div>Hello</div>
<div><br></div>
<div>I am having difficulties with the presentation of floated (either left or right) images in the text.</div>
<div><br></div>
<div>E.g., the image has a physical width of say 400px. It has a caption and a description underneath. Using </div>
<div><br></div>
<div><div>
<blockquote type="cite">
<div><div class="texte"></div>
<div>[(#TEXTE|image_reduire{350,0})]</div>
<div></div></div>
</blockquote>
<br>
</div></div>
<div>gives proper results.</div>
<div><br></div>
<div>Now I want to decrease the image presentation without changing the physical image dimensions (i.e. no document editing): I changed the lines from above to</div>
<div><br></div>
<div><div><blockquote type="cite">
<div><div class="texte"></div>
<div>[(#TEXTE|image_reduire{200,0})]</div>
<div></div></div>
</blockquote></div></div>
<div><br></div>
<div>As a result the presentation of the image itself has changed from width=350 to width=200 as it should be. The width "reserved" for the image, however, has not changed. It is the same width as before. That means now a blank area appears next to the right hand side of the image.</div>
<div><br></div>
<div>It seems that this behavior only occurs with images having a caption and/or a description. The width of these texts don't change as the image does.</div>
<div><br></div>
<div>Thanks for any help.</div>
<div><br></div>
<div>Ulrich </div>
<div><br></div>
<div>P.S.: Why not changing the physical image dimensions of the image? - I use the same images in different templates with different functions. </div>
</div>
RSS Feed