Forum How do I...?

floating pictures across 2 columns

jim_albright
In first column, with a float left and a width greater than 1 column, the picture floats over the text in the second column but both are visible.

How do I make it so the text in second column is bumped over?

Jim Albright
Wycliffe Bible Translators

jim_albright
I have pictures starting to work when they fit in a single column. I still need to adjust height so picture height is a multiple of the line height. I see a possible solution for this. BUT I haven't figured out any way of creating a picture that fills two columns ... usually at the top or bottom of the page.

Any pointers or tell me it is impossible for now. Hopefully it is something for the future.

Jim Albright
Wycliffe Bible Translators

jim_albright
I have problem solved. Each picture is contained in a div with one of the following classes.

.pictureDoubleColumnTop {
clear: both;
float: top;
}
.pictureDoubleColumnBottom {
clear: both;
float: bottom;
}
.pictureSingleColumnTop {
float: prince-column-top;
}
.pictureSingleColumnBottom {
float: prince-column-bottom;
}
.pictureSingleColumnInline {
float: none;
}

Jim Albright
Wycliffe Bible Translators

oliof
Will this also work for headings?
jim_albright
I would think so.

Jim Albright
Wycliffe Bible Translators