Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Creating an empty section can be done anywhere; even inside another Section.  Simply place the cursor where you want the section and select Create select Create Section (DIV) from  from the insert Insert menu: 

Image Added

Creating a section around existing text

...

Select a portion of text in the middle of a paragraph:

 Image Added

Creating a section will split the paragraph around the selection and create a section in the middle:

 Image Added

Creating nested sections

...

Highlight the middle paragraph of a section:

 Image Added

Creating a new section will not alter the outer section, instead nested a new section inside.  Notice that the paragraph spacing has been removed to avoid unnecessary spacing:

 Image Added

Note
The nested section in the above screenshot has been shortened to better show the resulting structure.  New sections will always expand to the full width until resized (see Resizing Sections)

...

Begin with our nested section from above:

 Image Added

Selecting Remove Section at that point will restore the outer section to the way it was before we added the nested section:

 Image Added

If instead the cursor was in the outer section, it would be removed instead:

 Image Added

Section Properties

...

Start with the previous example, containing three paragaphs and a section in the middle:

 Image Added

Use the Section Properties dialog to align the section left:

 Image Added

This brings the third paragraph up next to the second paragraph:

 Image Added

Continuing to type in the third paragraph will flow down to the line below the second paragraph:

 Image Added

If the second paragraph (inside the section) is then extended to two lines, the third paragraph layout will change to flow around it

 Image Added

EditLive! will update the page layout as you type in or resize the floated section.  For best results, always specify a width for floating sections.  Variable width sections can be difficult to predict, particularly if a user changes the default text size of their browser. 

Anchor
resizing-sections
resizing-sections
Resizing Sections

...