ImageTable
Some possible answers to this question...
With Lfloat
(:table:) (:cell style='padding:5px;':) %lfloat margin-top=5px%Attach:Penguin.jpg Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cell style='padding:5px;':) %lfloat margin-top=5px%Attach:BlockWithTwoExtraSpaces.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cellnr style='padding:5px;':) %lfloat margin-top=5px%Attach:woman.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cell style='padding:5px;':) %lfloat margin-top=5px%Attach:pmwiki-40.gif Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:tableend:) | ||||
|
With Lframe
(:table:) (:cell style='padding:5px;':) %lframe margin-top=5px%Attach:Penguin.jpg Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cell style='padding:5px;':) %lframe margin-top=5px%Attach:BlockWithTwoExtraSpaces.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cellnr style='padding:5px;':) %lframe margin-top=5px%Attach:woman.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cell style='padding:5px;':) %lframe margin-top=5px%Attach:pmwiki-40.gif Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:tableend:) | ||||
|
With Cells in the "Frame" Style
(:table cellspacing=5px border='1px solid #cccccc':) (:cell class=frame:) %lfloat margin-top=5px%Attach:Penguin.jpg Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cell class=frame:) %lfloat margin-top=5px%Attach:BlockWithTwoExtraSpaces.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cellnr class=frame:) %lfloat margin-top=5px%Attach:woman.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:cell class=frame:) %lfloat margin-top=5px%Attach:pmwiki-40.gif Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (:tableend:) | ||||
|
With no table
>>lframe margin-bottom=10px width=300px<< %lfloat%Attach:Penguin.jpg Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >>lframe margin-bottom=10px width=300px<< %lfloat%Attach:BlockWithTwoExtraSpaces.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >>lframe margin-bottom=10px width=300px<< %lfloat%Attach:woman.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >>lframe margin-bottom=10px width=300px<< %lfloat%Attach:pmwiki-40.gif Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >><< [[<<]] text underneath floating divs |
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
With no table (percentage)
Flexes with screen size for happy usage on narrow (and very wide) displays...
>>lframe margin-bottom=10px width=46pct<< %lfloat%Attach:Penguin.jpg Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >>lframe margin-bottom=10px width=46pct<< %lfloat%Attach:BlockWithTwoExtraSpaces.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >>lframe margin-bottom=10px width=46pct<< %lfloat%Attach:woman.png Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >>lframe margin-bottom=10px width=46pct<< %lfloat%Attach:pmwiki-40.gif Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >><< [[<<]] text underneath floating divs |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
Popout (one image, no table)
>>rframe margin-top=5px width=300px<< %lfloat%Attach:Penguin.jpg Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >><< Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nulla facilisi. Suspendisse eu orci vitae nisi porttitor volutpat |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nulla facilisi. Suspendisse eu orci vitae nisi porttitor volutpat |