Posted by Helmut_pdorf on 03 Sep 2012 13:08, last edited by
Helmut_pdorf on 04 Sep 2012 05:40
Tags:
This page was created for the answer in the community forum thread: http://community.wikidot.com/forum/t-557710/put-pictures-with-footnotes-in-the-text#post-1554941
Using snippets:image
 |
| Title-Text |
This is a test to show the working of the snippets:image box.. to present it in a posting ( where "includes" are not working) .
Notice the image is set to floating=right !
And the "Title-text" is set into the caption to show it under the image!
Done with :
[[include :snippets:image
|image=flickr:4949047179
|width=200px
|float=right
|heading=
|caption=**Title-Text**
|link=flickr:4949047179
|alt=Title-text
|title=Title
]]
Another trick with Linefeed inside Cell:
| Text... |
|---|
 Title-text |
Done is this with such a div and table:
the easiest was is to use the "space" + "underscore" trick for a linefeed inside a table-cell ( must be the last characters in a line!)
[[div style="float:right;margin-left:20px;"]]
||~ [[[text...|Text...]]] ||
|| [[image flickr:4949047179 size="small"]] _
**Title-text**||
[[/div]]
Remarks:
a) The normaly missing "float=right" (the image-floating is working only inside the table-cell !) has to be done with a [[div style="float:right;"]] over the table..
b) The "Title-text" UNDER the image is "not centered" - it ( and the complete line of it ) is the "rest" of the image cell above.
If you want to have this text centered than you can create an extra cell for it or use the expanded table source code where you can blank out the cell borders.. ( and make the text inside the "invisible cell centered").
Hope this helps!
Number of Comments: 0)
