close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

multiple columns

Thread began 1/05/2012 11:49 am by biz295654 | Last modified 1/05/2012 5:29 pm by Jason Byrnes | 694 views | 7 replies |

biz295654

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

Sign in to reply to this post

Jason ByrnesWebAssist

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?

Sign in to reply to this post

biz295654

.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?

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

biz295654

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

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

biz295654

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

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...