box plugin test page

a title

the box contents

30% leftthe most basic box

Boxed & titled

this isn't also boxed

using hex colours

lorem ipsum dolor …

using rgb colours

lorem ipsum dolor …

this is also boxed

boxed & captioned

as is this

as is this too

title with formatting, a link and rounded corners :-)

boxes can also contain markup…

a list
of several
items

<div class='box'>
  <b class='xtop'><b class='xb1'></b><b class='xb2'></b><b class='xb3'></b><b class='xb4'></b></b>
  <div class='xbox'>
    <p class='box_title'>Title text would go here</p>
    <div class='box_content'>
      <p>Including this html snippet of a box</p>
      <p>All those &lt;b&gt; tags handle the rounded corners</p>
    </div>
  </div>
  <b class='xbottom'><b class='xb4'></b><b class='xb3'></b><b class='xb2'></b><b class='xb1'></b></b>
</div>

=== headings aren't allowed in boxes ===

but

tables

are

and plugins …

definition: list; list; list

and a link

and even headings can be faked by including another page inside the box (requires the include plugin) …

headings!

IE Conditional Comments

<!--[if lte IE 6]>
IE only
<![endif]-->
 <em>both</em> 
<!--[if gt IE 6]>-->
Other browsers
<!--<![endif]-->

example

ref: MSDN | 456 Berea St.

Wow, a lot of stuff

title

a box to match the default dokuwiki colour sc ====== Level 1 Headline ======

Example box

to test what is possible: NICE PLUGIN: You can

make Lists
other markup
set the color of the box
…

but

tables

are

looks good?

====== Level 1 Headline ======

title

red box, 80% wide, with a title

this is a blue box

title

blue box with a title

title

a wide green box

and an orange box

title teste

testing

title test

testing

title teste

testing

title test

testing

Is the colour wrong?

this is also boxed

title test

testing 123456 gagagaga gaggagagaga gaagagagag agagagag agaga gaagagaga gagagagag agagaggag agagaga gag agag

Simple box with rounded edges and title

I wonder what uses I could find for a box…

I will have to check this out
tomorrow
on my wiki

But can there be a box inside of a box?

Yes! there can!

Simple box with rounded edges and no title But with some "code", not really code, but just code layout

  * I will have to check this out
  * tomorrow
  * on my wiki

Same thing on the right handside But with some "code", not really code, but just code layout

  * I will have to check this out
  * tomorrow
  * on my wiki

How to prevent text after a floating box to be floated further? This text should be placed at the bottom below any box. but it is placed somewhere. I need a "stop float div" or similar?

Try the clearfloat plugin.

its because the earlier boxes are all floated (left or right) and the box with the image is not. The browser tries to squeeze it in to space higher up the page. all that is needed is some clearing, which the heading should provide.

Some goes wrong with an image

Bad size calc...

using hex colours

lorem ipsum dolor …

box plugin test page

IE Conditional Comments

its not the image

Index