[pmwiki-users] improved markup for floating images...?

V.Krishn mistyfire at autograf.pl
Fri Jul 29 01:30:55 CDT 2005


> On Friday 29 July 2005 06:11, pmichaud at pobox.com wrote:
>
> On Thu, Jul 28, 2005 at 07:37:30PM -0400, Radu wrote:
> > Neat page!
> >
> > I *may* be nitpicking here, but would it be possible to center the
> > caption under the image in a lframe and rframe? I tried
> >
> >    %rframe% %center% Attach:test.gif"Just a test" | Testing
>
> %rframe text-align=center% Attach:test.gif"Just a test" | Testing
>
This produces....

<div><span class='frame rfloat' style='text-align: center;' > <img 
src='http://www.pmichaud.com/img/misc/bubble-2.jpg' alt='' 
title='' /><br /><em>Bubble trouble</em></span></div>

Can we have " style='text-align: center" inside an inline element?
hmmm.... less we declare it as "block".

In many of my previous website, I used text-align within span as 
browsers interpret them. Hope I am not missing anything?

the css used are:
    .frame 
      { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
    .lfloat { float:left; margin-right:0.5em; }
    .rfloat { float:right; margin-left:0.5em; }
a.varlink { text-decoration:none; }

Does browsers converts any span element to a block if "float" is defined?

V.Krishn
> seems to work for me.  See http://www.pmwiki.org/wiki/Test/FrameCenter .
:-), but this really looks nice. Now it would be much easier to create a photo 
gallery. I have not tried, but it might also compliment the gallery recipes.
>
> Pm




More information about the pmwiki-users mailing list