Responsive templates are great to use as they allow your website to adjust automatically to the screen size your visitors are using. This means that your content is fully optimised for desktop, mobile and tablet viewing.
In the past you may have used tables with widths and spacing to arrange your content on your pages. This was a handy way to get the exact positioning you wanted for your text and images, but this doesn't work so well for responsive content. If you enter a fixed width to your table, it means your content will not be able to shrink for smaller screens as you are telling the browser that your content can only be this one size.
Yes, you can still use tables to arrange your content for responsive templates. You just need to make sure these do not have any size values associated with it.
So if you are switching to a responsive template and you have already laid out your content with tables, you can edit your table's properties and delete any assigned sizes.
To edit a table, simply right-click on the border and select Table Properties.
In the pop-up screen, remove any "fixed" value from the width and height columns. These can be left blank and your table will adjust based on the contents, or you can use percentages to determine how much of the space they occupy.
If you are having any trouble with this, please contact your Account Manager who will be happy to help.
Yes, you can achieve a nice, simple page presentation by positioning your images and allowing your text to wrap around your image. The steps below will talk you through achieving this on your Create account.
To position images on your page is easy. First you will need to make sure you are familiar with uploading images and adding them to your pages.
Then you can edit the appearance of the image by following these steps:
You will then see the following pop up with the following options:
You will see lots of types under the "Alignment" drop down, but you will most likely either want "Left" or "Right".
This will position your image to the left of the page, and your text will wrap around to the right like this:
In the example above, the "Alignment" is set to "left" and the "Horizontal Space" is "15".
This will position your image to the right of the page, and your text will wrap around to the left like this:
In the example above, the "Alignment" is set to "right", the "Horizontal Space" is "30" and the text is justified.
When your images are aligned left or right, they will always be in the position no matter what the screen size. Below is an example of the Ventana and Avenue templates on an iPhone screen size with aligned images:
Avenue template with a left aligned image on an iPhone.
Ventana template with a right aligned image on an iPhone.