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

Preventing text from being squashed between 2 images

The example below has 2 images and a block of text. The first image is on the left, the 2nd is on the right and the text follows. Because there is enough space between the images to fit some text, that is where the text starts and the result is mostly undesirable unless you have an unusually wide display.

BMW 1150 GS
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.

The text can be forced to appear below the images by using the [Clear:] tag. Just prefix the text with [Clear:] and it will then be formatted as shown below:

BMW 1150 GS
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.

If you are viewing this page in a resizeable window, try adjusting the width to see how the formatting changes as the width is reduced.

Continue
Preventing text from being squashed between 2 images

The example below has 2 images and a block of text. The first image is on the left, the 2nd is on the right and the text follows. Because there is enough space between the images to fit some text, that is where the text starts and the result is mostly undesirable unless you have an unusually wide display.