Click here to watch a video tutorial

The builder has different layouts available to create your website. There are fluid (stretching to the browser window) and Fixed (Does not stretch to the browser) templates. The fluid templates can make the text stretch across the screen causing an undesirable look. Also, the images are difficult to position when you simply insert them into the page. The following examples will show a fluid template that is re sized from small to large.

Fluid layout sizes
Width sized smallWidth sized large
plesk tables fluid small plesk tables fluid large

This article will explain how to format your content in the Plesk builder using tables.

Adding a table in the builder

  1. Log into the builder
  2. plesk tables insertOn the edit tab, go to the page you want to edit.

    Place your cursor at the location where you want to insert the table.

    Click the Insert/Edit Table button in the WYSIWYG editor.


  3. plesk tables propertiesOn the Table properties box, enter the rows and columns for your table.

    In this case, There will be 7 rows and 2 columns. 1 row will be for a header and the rest for inserting images and text.

    Click OK.

    The table will be inserted where you placed your cursor.

How to place images, text, and a header in a table

  1. plesk tables add contentCopy and paste your images and text into the cells.
  2. To make the header one cell, select both of the cells and right click.

    plesk table merge cellsGo to Cells > Merge cells.

  3. plesk tables headerType a title in the cell and align the text center.

    Now the top of the table will have one cell and a header.

Removing the border line from around the table

  1. plesk tables borderTo remove the border from the table,

    Right click the table and select Table properties.

  2. plesk tables zero borderChange the border size to 0

    Click OK.

    Now the border will be gone.

Vertically aligning text in the table cell

  1. plesk tables cell propertiesTo vertically align the text, right click in the cell that you want to vertically align the text for.

    Go to Cell > Cell properties.

  2. plesk tables vertical alignIn the Cell properties, select Top from the Vertical alignment drop box and click OK.

    The text will now display at the top of the cell.

Content formatted with a table

plesk tables final resultNow the site will have a nice layout that does not stretch to the browser similar to the snapshot to the right.

For more information please review the following video tutorial:

Working with tables in Premium Web Builder

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

News / Announcements

WordPress wp-login.php brute force attack
Updated 2014-07-17 06:43 pm EST
Hits: 201023

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!