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-20-2014, 03:13 PM   #1
rubeus
Junior Member
rubeus began at the beginning.
 
Posts: 8
Karma: 10
Join Date: Sep 2014
Device: Sony PRS 650
Non rectangular shapes

Hi,

i read in the codesnippets

http://www.mobileread.com/forums/sho...10&postcount=5

how to float text around a non rectangular shape.

So i just sliced the shape into 6 parts and stacked them to the right using float.

Everything looks fine - in Sigil, but not in ADE. Even reading the following posts dealing with that i was not able to achieve this floating. In Ade the most right slice is ok, but the following do all have a top margin where i dont know where it comes from.

Has someone an idea on how to achieve that? I've attached an epub with my trials in section 1.

//rubeus
Attached Files
File Type: epub zzzzz.epub (48.1 KB, 18 views)
rubeus is offline   Reply With Quote
Old 09-21-2014, 02:08 PM   #2
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 474
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by rubeus View Post
Hi,

i read in the codesnippets

http://www.mobileread.com/forums/sho...10&postcount=5

how to float text around a non rectangular shape.

So i just sliced the shape into 6 parts and stacked them to the right using float.

Everything looks fine - in Sigil, but not in ADE. Even reading the following posts dealing with that i was not able to achieve this floating. In Ade the most right slice is ok, but the following do all have a top margin where i dont know where it comes from.

Has someone an idea on how to achieve that? I've attached an epub with my trials in section 1.

//rubeus
Please, read these threads (read all posts):

http://www.mobileread.com/forums/sho...d.php?t=213715

and

http://www.mobileread.com/forums/sho...60#post2821660

There you'll be able to see my aproximations to solve your issue.

Regards
Rubén
RbnJrg is offline   Reply With Quote
 
Advertisement
Old 09-22-2014, 03:00 PM   #3
rubeus
Junior Member
rubeus began at the beginning.
 
Posts: 8
Karma: 10
Join Date: Sep 2014
Device: Sony PRS 650
Hi, thanks for showing more postings, but at least i'm too dumb to ust mirror the L from the left side to the right side. Can some enlighten me, please?

First section in the appendix is the original solution, second my try.
Attached Files
File Type: epub yyyyy.epub (4.6 KB, 12 views)
rubeus is offline   Reply With Quote
Old 09-22-2014, 05:15 PM   #4
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 474
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by rubeus View Post
Hi, thanks for showing more postings, but at least i'm too dumb to ust mirror the L from the left side to the right side. Can some enlighten me, please?

First section in the appendix is the original solution, second my try.
Well, one way to get what you want is:

1. In your .css stylesheet use:

Code:
p {
  text-align: justify;
  margin: 0;
  }

.Box1 {
  float: right;
  width: 90px; /* width of the vertical part of the "L" + 10px for right margin */
  height: 300px; /* height of the image */
}
	
.Box2 {
  float: right;
  width: 120px; /* width of the horizontal part of the "L" */
  height: 100px; /* height of the horizontal part of the "L" */
}

img.ToRight { /* this class is to align the image toward the right side */
  margin: 0;
  text-indent: 0;
  padding: 0;
  float: right;
}
2. In your .xhtml file use:

Code:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc. Sed at velit nisl.</p>

  <div class="Box1"><img class="ToRight" alt="" height="300" src="../Images/UpsideL.png" width="200" /></div>

  <div class="Box2"></div>

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus.</p>
Below you can see a screenshot of my ADE:

Click image for larger version

Name:	Image1.png
Views:	21
Size:	122.1 KB
ID:	128710

I also attach the respective .epub

Regards
Rubén
Attached Files
File Type: epub L-Shape (ToRightSide).epub (3.2 KB, 14 views)

Last edited by RbnJrg; 09-23-2014 at 09:39 PM.
RbnJrg is offline   Reply With Quote
Old 09-23-2014, 03:11 PM   #5
rubeus
Junior Member
rubeus began at the beginning.
 
Posts: 8
Karma: 10
Join Date: Sep 2014
Device: Sony PRS 650
Thx that solved my problem
rubeus 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
Text wrap around irregular shapes Doitsu ePub 18 05-05-2014 08:41 PM
PRS-300 Screen stuck with strange shapes Kryzn Sony Reader 5 09-08-2011 08:12 AM
DOC to EPUB: Shapes > Line Tool witch_wyzwurd ePub 3 11-28-2010 10:26 AM
capturing text overlaid/within non-rectangular images CharlesinCharge ePub 2 10-27-2010 05:53 AM
Mystery and Crime Mann, Jack: Grey Shapes, v1, 20 March 2008. Dr. Drib BBeB/LRF Books (offline) 0 03-20-2008 06:12 PM


All times are GMT -4. The time now is 05:45 PM.


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