• 01323 735800

    • Insert an image

      Image Info


      URL

      URL is the path to your image. You can either manually type or paste the path into the URL textbox, or select an image from the File Manager using the Search with file manager link.

      If your linking to an image on another website, you will need to enter in the full path of that image, including the domain name.

      Alt/Title Text

      Good SEO users place descriptive text into the Alt Text and Title elements of images. This allows Google to work out what the image contains. You should always fill this in. 

      Width & Height

      Pretty descriptive already, allows you to fix the Width and Height element of the image if you want to override the default size. By default, the size is in pixels.

      Maybe an alternative is to upload the image size you want to the file manager, or resize the image using the File Manager Image Editing tool.

      Border

      Enter the number of the border size you want. This is in pixels by default. If left blank, then the template will handle the border.

      HSpace

      Entering a number here will place a margin on the right and left of the image in pixels.

      VSpace

      Entering a number here will place a margin on the top and bottom of the image in pixels.

      Align

      Align the image to the left or right. Leaving it not set will allow the template to decide, which normally defaults to the left for English websites.

      Link


      A simpler version of the Link Dialog, which will allow users to click on the image to be taken to another page or site. The URL is the path to the page or file you want to link to. The Target would allow you to decide where the link opens up. View the Link Dialog for a more detailed description.

      Advanced


      The Advanced tab, allows you to customise the image to either look or work differently. Only alter these if you know what you are doing. If you are unsure, then please contact the BW team who will be happy to help.

      ID

      Allows you to add an ID to the image. This might reference an ID within the template to change the style, or might be referenced within Javascript. ID's need to be unique to the page.

      Language Direction

      Sets the text direction, although this normally has no effect on the text as the Template overrides this setting.

      Language Code

      Allows you to assign a different language code to this image if maybe this is in a different language. A full list of codes can be found on the W3 Language Code Page

      Long Description URL

      Sets the URL of the longdesc attribute. The longdesc is a link to a file or page that has a detailed description of the image.

      Read more about this attribute on the W3 longdesc Attribute page.

      Stylesheet Classes

      Here you can assign classes to the image. Much like the ID's in the earlier option, but these do not need to be unique. You can also assign more than one class, just by separating them by a space. Classes can then be used to style via the template, or may be used within Javascript.

      Advisory Title

      Basically this is just the title element. The same kind of title that is used for links, and will appear as a tooltip when the mouse hovers over the image.

      Style

      Manually enter css style into this to override any style currently assigned to this image via templates or scripts. The css you enter here will need to be valid, and will be attached to the image element.

      More Information

      If you want to read more about the HTML of images, you can visit the W3 Schools documentation on images.