Webulator: Build your own website without any special software or know-how!

Recent articles

  • Adding content to and removing content from the left and right columns

    The [AddContent:] and [ClearContent:] tags can be used to add content to and remove content from the left and right columns of your web pages.

  • Embedded Summaries

    The [Summary:] tag allows you to insert the title and summary from another article into a page.

  • Copying articles

    Logged in users with moderator permissions are able to copy articles in the content management system

  • Quick Links

    The [QuickLinks:] tag allows you to insert a titled box containing a list of links into an article.

  • Accordion

    An accordion or concertina style interface can be created using the [Accordion:] tag.

  • Slideshows of all the images in another article

    The [ArticleImagesSlideShow:] tag allows you to generate an slideshow of all the images (except for the summary image) contained in another article.

  • Example page containing images for a slideshow

    The images on this page are used in article

  • Tab Menus

    The [TabMenu:] tag allows you to insert a tab style menu into a page to allow navigation within a subsection of the site.

  • iCalendar Files

    Calendar events are traditionally shared using iCalendar (.ics) files. These are often attached to event invitation emails and are widely used across calendaring applications.

  • Redirecting to other pages

    Webulator allows a page to automatically redirect to another page using [Redirect:] command
RSS Feed of this page

Forcing an image below a block of text

In the example below, there are 2 blocks of text with an image on the left. The intention is to have the images vertically inline on the left with the text to the right but using the image on left layout style will not achieve what we want if the text block does not extend below the image.

BMW 1150 GS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

BMW R80R

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

We can fix this problem by ending the 1st block of text with a [Clear:] tag:
BMW 1150 GS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

BMW R80R

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Continue
Forcing an image below a block of text

In the example below, there are 2 blocks of text with an image on the left. The intention is to have the images vertically inline on the left with the text to the right but using the image on left layout style will not achieve what we want if the text block does not extend below the image.