NIH | National Cancer Institute | NCI Wiki  

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. From the Insert options, select Wiki Markup.
  2. In the editing window, enter the wiki markup.
  3. Click Insert.

You can format images in a variety of ways using HTML image attributes. Examples An examples are shown below, followed by a list of HTML image attributes supported in Confluence.

Action

Markup

Displayed Image

Display alternative text for an image
(not rendered by the Firefox browser)an image flush right with a red border

Code Block
!caBIGlogoR.jpg\|nciplogo_40p|align=right,border=4,bordercolor=red,alt="caBIGNCIP logo"!

caBIG logoImage Removed

Display an image flush right with a blue border

Wiki Markup
!nciplogo_40p
Code Block
!caBIGlogoR.jpg|align=right,border=24,bordercolor=bluered,alt="caBIGNCIP logo"!
caBIG logoImage Removed
Info
titleHTML image attributes supported in Confluence 2.8
 
  • align — 'left', 'right', 'bottom', 'center', 'top'.
  • border — width of the border (in pixels).
  • bordercolor — specify the color of the image border created with the "border" tab by name or by hex value.
  • hspace — amount of whitespace to be inserted to the left and right of the image (in pixels).
  • vspace — amount of whitespace to be inserted above and below the image (in pixels).
  • width — width of the image (in pixels). Supersedes natural width of the image.
  • height — height of the image (in pixels). Supersedes the natural height of the image.
  • title — descriptive text for the image, which is displayed when the pointer hovers over the image
  • alt — alternative text (required), which is included in the HTML code. This text is retrievable via search, and contributes to accessibility of the page for text-only viewing.

...