multiple columns

When setting up css on a page using multiple columns

-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;

It works great. When that page content is edited in HTML editor by the client, it reverts back to a single column. What can I do, if anything, in the HTML editor settings to keep the columns?

Page is set up in php to receive content from database.

Thanks

what class or other selector does the multiple column css apply to?

is that selector a part of the main page? or the content being edited in HTML Editor?

is the css to define that class or selector applied to the page you have HTML Editor on?

.twocolcontent {
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
text-align: justify;
}

In the page, I use a binding to a field in the database, say, page_copy, assigned to that class. If the database is populated already, uploading the page shows content nicely. However, when the Update page containing the HTML editor is used, it reverts back to single column.

So I am guessing I need to do something to the HTML editor to add the .twocontent class?

the twocolcontent dive needs to be a part of the content in the HTML Editor, not a part of the parent page that the content is being displayed on.

So pls dumb it down. How do I do that?

well, it sounds your page is set up as:

<div class="twocolcontent">
<?php echo $row_recordsetName['ColumnName']; ?>
</div>


meaning that the twocolcontent div is not a part of the data stored in the database


the twocolcontent div needs to be a part of the data in the HTML Editor instance, so part of the data in the database for your css to work.

over my head... I'll try to get my head around it tomorrow. Thanks much.

It's not really that complicated.

if the div is not a part of the content in the HTML Editor, the css wont work for it.

so instead of outputting the content inside the div, make the div part of the content.