16,063
edits
Changes
Jump to navigation
Jump to search
SW: add directions from tricia
<em>''Key stats'': Contributors like you have created '''{{NUMBEROFARTICLES}}''' articles since 2003, and almost '''six million visitors''' read our stories each year. (This site was launched by the [http://www.prwatch.org '''Center for Media and Democracy'''] as "[http://www.prwatch.org/node/3205 '''Disinfopedia''']" and became '''SourceWatch''' in 2005.) </em>
---------
<b>Directions from Tricia for inserting images in PRW:</b>
I thought I'd send you the correct syntax for inserting images with or without captions. Essentially, after using image assist to insert the image, the <img src="something" /> tag needs to be wrapped in a span tag like this:
Float right - no caption
<span class="inline right"><img src="/files/images/James_O_Keefe_on_Fox.png" width="188" height="133" align="right" alt="James O'Keefe on Fox News" /></span>
Float left - no caption
<span class="inline left"><img src="/files/images/James_O_Keefe_on_Fox.png" width="188" height="133" align="left" alt="James O'Keefe on Fox News" /></span>
Float right - with caption - notice the second span tag and that the width on the caption is set 2px smaller than the image width:
<span class="inline right"><img src="/files/images/James_O_Keefe_on_Fox.png" width="188" height="133" align="right" alt="James O'Keefe on Fox News" /><span class="caption" style="width: 186px;"><i>James O'Keefe on Fox News</i></span></span>
<span class="inline left"><img src="/files/images/James_O_Keefe_on_Fox.png" width="188" height="133" align="left" alt="James O'Keefe on Fox News" /><span class="caption" style="width: 186px;"><b>James O'Keefe on Fox News</b></span></span>
By the way, filling in the "alt" tag when inserting images helps to improve search engine rankings and is a good alternative to using captions -- try it out by hovering over the image after you've filled in the "alt" tag.
