How do I get an outline (stroke) around a picture?

The ideal option is to place an outline around the image using the photo editing software.

If you attempt to use the WYSIWYG image insert/edit button (), the style sheets which are defining the Web page's look and feel will override the "Border width" you apply in the editing pop-up window.

If your images do not have a border on them before uploading them to Cascade, you can add a "stroke" using Cascade's HTML editor. Here's how...

• Place an image on the page as desired
• In the asset's WYSIWYG editor, choose the HTML button () from the bottom right of the tool bar.
• In the HTML pop-up window, locate the code identifying the image you have placed on the page:

• Paste the following code after the alt= portion of the image definition:

The final HTML will look like this:

Here is the breakdown of each component:

1. identifies the image (img src="/render/.......images/girl_adjusting_bridle.jpg")
2. provides a text alternative (alt="girl adjusting horse bridle")
3. assigns a border style (style="border: 1px solid #000000")
4. assigns an image title (title="girl adjusting horse bridle")
5. defines the image alignment to the text (align="right")
6. and defines the space on either side of the image (hspace="8")

A very thin, black outline is recommended (as defined above).

Choose from the bottom left of the HTML editor screen.

Don't forget to "Submit" your page when you have given it a system name and made final edits.