09-17-2012, 03:00 AM | #1 |
Zealot
Posts: 115
Karma: 10
Join Date: Jan 2011
Device: none
|
Text over image
This is the first time I'm trying to put some text over an image.
Code:
<div class="scr"> <p><img alt="" src="../Images/scroll.jpg" /></p> <div class="part"> <p class="m1">PART I</p> </div> </div> Code:
.scr { margin-top:80px; margin-left:100px; } .part { position:absolute; top:210px; left:365px } Thanks in advance. |
09-17-2012, 04:09 AM | #2 |
frumious Bandersnatch
Posts: 7,515
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Don't use "position: absolute", it's discouraged (at least) by the spec, and its behaviour is probably undefined in ePub.
Try with SVG. |
Advert | |
|
09-17-2012, 05:44 AM | #3 |
Zealot
Posts: 115
Karma: 10
Join Date: Jan 2011
Device: none
|
I've tried position:fixed & position:relative (with different values for top & left) with no success.
Funny that converted to mobi with kindlegen it looks as perfect as in Sigil. And with SVG the same thing happens: text is placed correctly in Sigil & outside of the box in ADE. Eventually, I just made 8 images for the 8 parts of the book. But i'd still like to learn how to place text over image. Last edited by kamanza; 09-17-2012 at 05:59 AM. |
09-17-2012, 10:49 AM | #4 |
frumious Bandersnatch
Posts: 7,515
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
|
09-17-2012, 12:18 PM | #5 |
Zealot
Posts: 115
Karma: 10
Join Date: Jan 2011
Device: none
|
How do I do that?
Never mind, found it online. Thanks for the direction Last edited by kamanza; 09-17-2012 at 12:29 PM. |
Advert | |
|
09-17-2012, 12:40 PM | #6 |
Techno-geek
Posts: 225
Karma: 1116651
Join Date: Nov 2006
Location: Mississippi, USA
Device: PRS-T1 (Black), PRS-T3S (Black), Kobo Aura ONE
|
Check out this excellent edition of "Treasure Island". It has text over the image on the title page.
https://www.mobileread.com/forums/sho...24&postcount=1 |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Image overlayed over text (but text visible if image disabled)? | Kaylee Skylyn | ePub | 5 | 08-01-2012 05:27 PM |
Hello/Image and text alignment | Derek R | Introduce Yourself | 3 | 06-26-2011 10:47 AM |
Chapter Head Text Over Image | theducks | ePub | 10 | 09-03-2010 03:32 PM |
wrapped text around an image | Ambar | ePub | 2 | 07-05-2010 08:55 AM |
text and image | pimpoum | 2 | 05-31-2009 04:26 AM |