[pmwiki-users] Image and Text Alignment

[DaveG]

> (happens on your site for a 1024px
> wide screen full width window)
Strange. I'm running at 1024, and didn't see anything odd. I'm using 
Firefox 1.5.

Back to the tables :) That solution works well, and is also easier for 
author to read. Thanks very much for your help.

  ~ ~ Dave

H. Fox wrote:
> On 2/13/06, Hans <design at softflow.co.uk> wrote:
>> To keep image and description always side-by-side together, and have
>> each pair floated as one unit, one needs to bundle each pair into a
>> div, and apply a float style to both image and description.
>> The latter should also carry a width to force line breaks.
>> A bottom margin for the floated divs keeps them vertically spaced.
>> Paddings and borders can also be used.
>> At the end all those floating "cells" need to be followed by a
>> clear=both [[<<]] markup, to force subsequent text underneath.
>>
>>>> lfloat margin-bottom=10px<<
>> %lfloat%image
>> %lfloat width=150px%description......
>>>> lfloat margin-bottom=10px<<
>> %lfloat%image
>> %lfloat width=150px%description......
>>>> lfloat margin-bottom=10px<<
>> %lfloat%image
>> %lfloat width=150px%description......
>>>> lfloat margin-bottom=10px<<
>> %lfloat%image
>> %lfloat width=150px%description......
>>>> <<
>> [[<<]]
> 
> This one provided some inspiration for a table-based solution.  (It
> is, in fact, a table isn't it?)
> 
> (:table:)
> (:cell style='padding:5px;':)
> %lfloat margin-top=5px%image
> description......
> (:cell style='padding:5px;':)
> %lfloat margin-top=5px%image
> description......
> (:cellnr style='padding:5px;':)
> %lfloat margin-top=5px%image
> description......
> (:cell style='padding:5px;':)
> %lfloat margin-top=5px%image
> description......
> (:tableend:)
> 
> http://www.pmwiki.org/wiki/Test/ImageTable
> 
> Hagan
> 
> _______________________________________________
> pmwiki-users mailing list
> pmwiki-users at pmichaud.com
> http://host.pmichaud.com/mailman/listinfo/pmwiki-users
>