07-05-2010, 06:06 AM | #1 |
Junior Member
Posts: 4
Karma: 10
Join Date: Jul 2010
Location: Barcelona
Device: Delium
|
wrapped text around an image
Hi !, I was reading about reflow text around a non-rectangular image from Jellby and Zelda_pinwheel, Thanks a lot guys ! But I'm not able to do this, not yet. Maybe I need to start with a easy way, just wrapped text around an image.
Can someone help me ?? Thanks ! |
07-05-2010, 07:17 AM | #2 |
Wizard
Posts: 1,196
Karma: 1281258
Join Date: Sep 2009
Device: PRS-505
|
Well, it starts off very simple. If you want an image on the left side of the page with text floating around it on the right, use this:
Code:
[CSS] div.leftpic { float: left; clear: left; text-align: left; } [XHTML] <div class="leftpic"><img ..... /></div> <p>Your text here</p> It gets tricky when you want to fine-tune the margins, a lot of the extra code in Zelda's 'Three Men in a Boat' is written to do that. |
Advert | |
|
07-05-2010, 08:55 AM | #3 |
Junior Member
Posts: 4
Karma: 10
Join Date: Jul 2010
Location: Barcelona
Device: Delium
|
Thanks a lot for your help!
|
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Chapter Head Text Over Image | theducks | ePub | 10 | 09-03-2010 03:32 PM |
PDF virtual printer as text not image | mowbray | Amazon Kindle | 7 | 02-05-2010 12:32 PM |
PDF Image -> OCR -> text | frikk | Workshop | 9 | 07-08-2009 07:21 PM |
text and image | pimpoum | 2 | 05-31-2009 04:26 AM | |
Image and text- images lost in conversion | monkeywithscisso | Calibre | 3 | 01-14-2009 10:01 PM |