Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Software > Sigil

Notices

Reply
 
Thread Tools Search this Thread
Old 06-11-2012, 11:13 AM   #1
techauthorbob
Junior Member
techauthorbob began at the beginning.
 
Posts: 1
Karma: 10
Join Date: Jun 2012
Device: kindle
Icons or small images

Helo all,
This is a first post and I HAVE looked through other posts so far with no luck.

I am looking at using Sigil for manuals, booklets etc.

I have done a first compilation and it seems that Sigil will be very usable, BUT:
I would like to have small pictures or icons on a page with a short piece of text opposite each one to explain what the icon/picture means.

The icons would be seen on the users equipment, i.e. a display.

Is there an easy way to do this in Sigil or do I have to delve into HTML and CSS?

I saw in another post a problem about having an image as a heading but not being able to find it in a TOC. I have used a similar thing in online help files, but used VERY small unique text under each picture and then made it the background colour. A search can then be done for the text (in my case, numbers).

Bob
techauthorbob is offline   Reply With Quote
Old 06-11-2012, 12:52 PM   #2
Serpentine
Evangelist
Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.Serpentine ought to be getting tired of karma fortunes by now.
 
Posts: 416
Karma: 1045911
Join Date: Sep 2011
Location: Cape Town, South Africa
Device: Kindle 3
I would suggest using a table; two columns, one for the icon and the other for the description.

First thing's first : Save a copy of your work, be safe.
Add a few icon images to the epub, right click on the "Images" folder and you'll know what to do.

Now on to making the table - at the moment this needs to be done using html however it is fairly easy using the split preview/code view. Swap to that view.

Now, using the code view try to find the position in the text that you wish to place your legend. The <p> tags mean paragraph and you should be able to read them in order. You will want to put the table after a specific paragraph. The closing tag looks like </p>; click into the code, and using enter make a few new lines using the enter key, this white space will not show up in your book, just make it easier to paste. Swap back to the preview area by clicking into it - if there are any errors it will let you know.

Now back in the code view, paste this into the space you made:
Code:
<table border="1">
	<tr>
		<td>IconArea</td> <td>Description here</td>
	</tr>
</table>
The table has a single row <tr> with two divisions <td> or cells.

If you click back into the preview panel, you should now see the table in its place.

Simply click into the 'IconArea' cell and insert your icon, then remove the text. The same for description. To add more rows, simply copy and paste a new row following the first; i.e. it would look like:

Code:
<table border="1">
	<tr>
		<td>IconArea</td> <td>Description here</td>
	</tr>
	<tr>
		<td>IconArea2</td> <td>Description2 here</td>
	</tr>
</table>
... and so on.

You can also remove the border by removing the 'border="1"'. It just makes it easier to visualize.

Hopefully that helps, otherwise just hop over to :w3schools - tables
Serpentine is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I change Plugin Images/Icons? Steppa Plugins 8 01-22-2013 07:37 PM
small preview page images goodnerd Kindle Formats 5 09-22-2011 12:39 PM
RTF to epub convert images turn out small sassanik Calibre 1 10-16-2010 01:14 AM
My images are disappearing on small screen devices sbrwake Kindle Formats 2 01-10-2009 10:01 PM
Small Images on Vade Mecum with Sunrise kg4dkf Reading and Management 1 07-21-2005 02:25 PM


All times are GMT -4. The time now is 06:50 PM.


MobileRead.com is a privately owned, operated and funded community.