Bludit Community Support Forum

Posted: **Mon Jan 04, 2016 12:51 pm**

hi, and a happy new year to everybody
this is my first question.

would like to know how to make a static page with a 3-column layout, design whatever.

something like this:

= (title)
- (text)
# (image)

[======]
[-----------------------------------------------------]
[-----------------------------------------------------]
[-----------------------------------------------------]
[-----------------------------------------------------]
[-----------------------------------------------------]

[==========] [==========] [==========]
[----------------] [----------------] [----------------]
[----------------] [----------------] [----------------]
[----------------] [----------------] [----------------]
[----------------] [----------------] [----------------]
[##########] [##########] [##########]

how can this be done?
has anyone done this before?
can you show me some examples (url)?
with theme, backend, custom function, plugin or whatever...

: 1-3-col.gif (49.02 KiB) Viewed 6658 times

thank you.

Posted: **Tue Jan 05, 2016 8:56 am**

Hi and welcome smpcas,

You can use other text editor as ckeditor (look in the plugins forum) and then you can use tables for that

Posted: **Tue Jan 05, 2016 10:00 pm**

Using tables is not responsive. You can do this with floating boxes.

In the page you can use a code like this:

Code: Select all

<div class="column">
First Box
</div>

<div class="column">
Second Box
</div>

<div class="column">
Third Box
</div>

<div class="clear"></div>

The properties of the columns are defined with CSS:

Code: Select all

.column {
   border: solid 1px #000;
   float: left;
   width: 200px;
}
.clear {
   clear: both;
}

You have to "tune" this "raw" example! Or ask for details...

I plan to add a plugin for custom CSS in the next few days to the repository.

Posted: **Wed Jan 06, 2016 10:52 am**

The plugin is added:

https://github.com/dignajar/bludit-plugins

Bludit Community Support Forum

[question] howto 3-column layout

[question] howto 3-column layout

Re: [question] howto 3-column layout

Re: [question] howto 3-column layout

Re: [question] howto 3-column layout