Re: Image Captions

Thanks, Hans! But now the graphic's width doesn't stay at 33% of the screen=
; it expands as I zoom. I'd prefer the former. What does the 33% refer to i=
n your solutions? As you can see, I don't have a solid understanding of HTM=
L and the like.

Martin

=3D=3D=3D=3D=3D Urspr=FCngliche Nachricht =3D=3D=3D=3D=3D
Von: Hans Bracker <[email protected]>
Am: 31.10.2025, 18:32:15 Uhr
Betreff: Re: [pmwiki-users] Image Captions

rfloat and lfloat are css classes injected into the HTML header via
PmWiki's wikistyles.php script, like:

.lfloat{float:left; margin-right:1%;}
.rfloat{float:right; margin-left:1%;}

I would use float and not align, as that is what you try to do, so the
subsequent text will flow around the image. To make sure the width style
is only applied to the container and not the image as well, you could
use=A0 adiv wrapper, like:

>>float=3Dright width=3D33pct margin=3D3pct p70i<<
[[Attach:test-03.jpg|Attach:test-03.jpg"Here you can read the tooltip text!=
"]]| This is a fine picture!
>><<
followed by your text paragraph(s).

You could use rfloat insted of float=3Dright.

Or, alternatively, you could define your own css classes (in
pub/css/local.css for instance). As an example:

/* right-float with 33% width and some margin */ .rfloat33 {float:right;
width:33%; margin:2%; padding:5px;}

and then use that in the wikistyle markup, like:

%rfloat33 p70i%[[Attach:test-03.jpg|Attach:test-03.jpg"Here you can read th=
e tooltip text!"]]| This is a fine picture!
and followed by your text...

The amber skin has got a file grid.css with=A0 a number of positioning
shorthand classes defined, created to help with responsive grid layouts.

Hope this may help a bit.

cheers,
Hans


On 31/10/2025 12:43, Martin Cuno wrote:
>Hi everyone!
>
>I frequently position images on websites and have become accustomed to doi=
ng so with the following specifications, e.g.: %align=3Dright width=3D33pct
hspace=3D3pct vspace=3D3pct p70i%
>
>For a while, I used "rfloat" and "lfloat" instead of "align," but I couldn=
't get it to work. Even now, I see that the position and size are incorrect=
. I found this
confirmed here:https://www.pmwiki.org/wiki/PmWiki/Images-Talk (see: Why doe=
sn't pct specification work in conjunction with lfloat?). Is there any clar=
ification
on this? While testing, I got the impression that it stops working above a =
certain image size (file size or pixels!).
>
>I would like to be able to insert captions using the syntax shown: "|This =
is the caption" appended to the image specifications. But this only works w=
ith
rfloat/lfloat, and then the other settings are no longer correct.
>
>I'd prefer to stick with "align" because my websites are full of it. But h=
ow can I get captions?
>
>The problem is visible on my test page:https://www.edition-lgc.de/i.php?n=
=3DSandbox.Testseite0001
>
>Does anyone know a simple solution that I can easily use in my daily work?
>
>Thanks!
>
>Martin
>
>

=3D=3D=3D=3D=3D Urspr=FCngliche Nachricht Ende =3D=3D=3D=3D=3D



-- =

Diese E-Mail wurde von Avast-Antivirussoftware auf Viren gepr=FCft.
www.avast.com