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

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 09-17-2012, 03:00 AM   #1
kamanza
Connoisseur
kamanza began at the beginning.
 
Posts: 98
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
   }
It looks perfect in Sigil, but in ADE the text is below the image. Is there a way to place the text over an image that would work in EPUB?

Thanks in advance.
kamanza is offline   Reply With Quote
Old 09-17-2012, 04:09 AM   #2
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,146
Karma: 4792399
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.
Jellby is online now   Reply With Quote
Old 09-17-2012, 05:44 AM   #3
kamanza
Connoisseur
kamanza began at the beginning.
 
Posts: 98
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.
kamanza is offline   Reply With Quote
Old 09-17-2012, 10:49 AM   #4
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,146
Karma: 4792399
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by kamanza View Post
And with SVG the same thing happens: text is placed correctly in Sigil & outside of the box in ADE.
What did you do? You should include the picture and the text in the same SVG code.
Jellby is online now   Reply With Quote
Old 09-17-2012, 12:18 PM   #5
kamanza
Connoisseur
kamanza began at the beginning.
 
Posts: 98
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.
kamanza is offline   Reply With Quote
Old 09-17-2012, 12:40 PM   #6
dynabook
Techno-geek
dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.dynabook ought to be getting tired of karma fortunes by now.
 
Posts: 166
Karma: 1116651
Join Date: Nov 2006
Location: Mississippi, USA
Device: PRS-T1 (Black), PRS-T3S (Black)
Check out this excellent edition of "Treasure Island". It has text over the image on the title page.

http://www.mobileread.com/forums/sho...24&postcount=1
dynabook 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
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 PDF 2 05-31-2009 04:26 AM


All times are GMT -4. The time now is 04:29 AM.


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