DokuWiki

It's better when it's simple

User Tools

Site Tools


tips:simple_columns

This is an old revision of the document!


Simple Columns

Description

Implementation of columns without plugins.

What should be done

Add this code to <dokuwiki>/conf/entities.conf:

<col2>	<div style="float:left;width:48%;">
<sep2>	</div><div style="float:left;width:3%;">&nbsp;</div><div style="float:left;width:48%;">
<col3>	<div style="float:left;width:31%;">
<sep3>	</div><div style="float:left;width:3%;">&nbsp;</div><div style="float:left;width:31%;">
<col4>	<div style="float:left;width:22%;">
<sep4>	</div><div style="float:left;width:4%;">&nbsp;</div><div style="float:left;width:22%;">
</col>	</div><div style="clear:both"></div>

( <sep*> — means separator )

Usage

Example 1 (Text divided by 4 columns):

<col4>
...1st column data
<sep4>
...2nd column data
<sep4>
...3rd column data
<sep4>
...4th column data
</col>

Example 2 (Text divided by 2 columns):

<col2>
...1st column data
<sep2>
...2nd column data
</col>

Example 3 (Text divided by 3 columns):

<col3>
...1st column data
<sep3>
...2nd column data
<sep3>
...3rd column data
</col>

Examples 4 (Columns of different width):

:!: The main thing is that the amount of % does not exceed 100.

<col3>
...medium width of column ~33%
<sep4>
...small column ~25%
<sep3>
...medium width of column ~33%
</col>

<col4>
...small column ~25%
<sep4>
...small column ~25%
<sep2>
...the biggest width of column ~50%
</col>
tips/simple_columns.1503524841.txt.gz · Last modified: 2017-08-23 23:47 by 193.106.59.58

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki