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

Go Back   MobileRead Forums > E-Book Software > Calibre > Conversion

Notices

Reply
 
Thread Tools Search this Thread
Old 11-15-2011, 12:38 PM   #1
Skeezix
Member
Skeezix began at the beginning.
 
Posts: 20
Karma: 10
Join Date: Jun 2011
Device: Kindle
Left-justified text in a right-justified box

So for this book I'm formatting, I need to have a block of text where the box itself is flushed right, but the text inside the box is left-justified. In web browsers, I can accomplish that like this:

Code:
<div style="float: right">
   <p style="text-align: left">First line<br>
      Second line</p>
<div>

<p style="clear: both">And back to regular text.</p>
But when I convert this in Calibre, it centers the text instead.

Anyone know why this is happening and/or how I can get it to do what I want?
Skeezix is offline   Reply With Quote
Old 11-15-2011, 01:04 PM   #2
ldolse
Wizard
ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.ldolse is an accomplished Snipe hunter.
 
Posts: 1,337
Karma: 123455
Join Date: Apr 2009
Location: Malaysia
Device: PRS-650, iPhone
Might help if you pasted the relevant code/styles applied by Calibre on these tags and their parents after conversion. It would also help to know how you're viewing the converted content. When you get into more complex styling like this you're often dealing with reading system compatibility issues vs Calibre problems.
ldolse is offline   Reply With Quote
Old 11-15-2011, 09:08 PM   #3
Skeezix
Member
Skeezix began at the beginning.
 
Posts: 20
Karma: 10
Join Date: Jun 2011
Device: Kindle
Quote:
Originally Posted by ldolse View Post
Might help if you pasted the relevant code/styles applied by Calibre on these tags and their parents after conversion. It would also help to know how you're viewing the converted content. When you get into more complex styling like this you're often dealing with reading system compatibility issues vs Calibre problems.
Good idea. I managed to strip it down to a tiny HTML page, reproduced here:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>Test case</title></head><body>

<div style="float: right">
   <p>This is the first line, a little longer than<br>
      The second line.</p>
</div>

</body></html>
If you view that in Firefox, IE, or Chrome, you'll see it how I want it to look.
When I compile it into a MOBI with Calibre, I just end up with those lines flush left. (I viewed the MOBI in the Kindle emulator and on my Kindle 3.)

Here's what the file looks like from the "processed" folder in the debugging folder:

Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Test case</title>
    
  
<meta content="http://www.w3.org/1999/xhtml; charset=utf-8" http-equiv="Content-Type"/><link href="stylesheet.css" type="text/css" rel="stylesheet"/><style type="text/css">
		@page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }</style></head>
  <body class="calibre">

<div class="calibre1">
   <p class="calibre2">This is the first line, a little longer than<br class="calibre3"/>
      The second line.</p>
</div>

</body>
</html>
And here's its stylesheet.css:

Code:
@namespace h "http://www.w3.org/1999/xhtml";
.calibre {
    display: block;
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    page-break-before: always
    }
.calibre1 {
    float: right
    }
.calibre2 {
    display: block;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em
    }
.calibre3 {
    display: block
    }
Skeezix is offline   Reply With Quote
Old 11-15-2011, 09:41 PM   #4
kovidgoyal
creator of calibre
kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.
 
kovidgoyal's Avatar
 
Posts: 26,433
Karma: 5383257
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
MOBI does not support float. You'd could try some table based hackery to get the effect, but support for tables is highly limited in MOBI as well.
kovidgoyal is offline   Reply With Quote
Old 11-15-2011, 09:44 PM   #5
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 9,517
Karma: 43764640
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
Quote:
I need to have a block of text where the box itself is flushed right, but the text inside the box is left-justified.
I don't think you can do what you're trying to do in the mobi format. You can use text-align left/center/right/justify and assign left-margins (which will be converted to blockquotes), but that's about it.

You may be able to fudge something up with tables, but tables aren't really recommended for layout purposes with the MOBI format. You could also create an image of left-justified text and then right-align that image (which won't resize when a user changes font sizes).

But I would just use a normal justified paragraph and assign a large left margin to push the text to the right. It's about the best you're going to be able to with MOBI.

Last edited by DiapDealer; 11-15-2011 at 09:46 PM.
DiapDealer 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
Sony eBookstore - Justified Text? SCION Sony Reader 17 09-22-2011 06:30 PM
justified text sovre Sony Reader 2 07-25-2011 12:29 AM
Formatting an eBook - Left justify or Justified simonroyle General Discussions 75 10-28-2010 09:58 PM
How is smoothly justified text achieved? polyfragmentiert ePub 6 11-20-2009 12:13 AM
Justified text in ePub? kiwik ePub 5 03-07-2009 03:35 PM


All times are GMT -4. The time now is 03:57 PM.


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