Register Guidelines E-Books Today's Posts Search

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

Notices

Reply
 
Thread Tools Search this Thread
Old 09-06-2014, 11:00 AM   #1
Arkadian
Connoisseur
Arkadian began at the beginning.
 
Posts: 96
Karma: 10
Join Date: Mar 2014
Device: none
Text box not appearing in epub

Hi there,

I am trying to convert a docx (from LO, latest version) into EPUB. The layout is a bit messed up, but not much and I am trying to fix it where needed with the ebook editor.

However in my text I have a few text boxes where I have highlighted some important passages, but they are lost in the conversion. I di get the text, but "inline" and not within the box.

Here is an example of what it should look like:
https://www.dropbox.com/s/i826qsa12b...56.40.png?dl=0

Is there anything easy I can do to fix this?

TIA
Arkadian is offline   Reply With Quote
Old 09-06-2014, 12:16 PM   #2
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 29,792
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
Another case where learning HTML and CSS might make the conversion fight easier

Learn the CSS box model theory:

wrap the block in a <div

that makes use of
Border: (something like black solid 5px)
Set a background-color: silver;
use padding: .5em; to keep the text away from the border

Margin sets the location of the box (not the contents which is inside)
theducks is offline   Reply With Quote
Advert
Old 09-07-2014, 07:05 AM   #3
Arkadian
Connoisseur
Arkadian began at the beginning.
 
Posts: 96
Karma: 10
Join Date: Mar 2014
Device: none
Well, searching more carefully this forum and using respureces found elsewhere, I have come up with this:

Quote:
<style>
div.box1 {
width: 20em;
background-color:#D1D3D4;
border-bottom: 3px double;
border-top: 3px double;
border-left: 3px double;
border-right: 3px double;
padding: 1em;
margin-top: 1em;
line-height: 1.7em;
text-align: center;
float: right;
}
</style>
</head>
<body>
<div class="box1">Your text here</div>
<div style="clear:both;"></div>
</body>
which seems to be doing the trick for me.
Arkadian is offline   Reply With Quote
Reply


Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Shaded text box background in epub - broken? soundsfromsound ePub 10 12-27-2013 12:53 AM
HTML code Appearing in Text country0129 Calibre 6 08-05-2013 07:26 AM
Text in a box? Skeezix Kindle Formats 3 01-23-2012 07:22 AM
Strange  character appearing throughout e-book text mag1 ePub 21 02-01-2010 07:01 AM


All times are GMT -4. The time now is 01:15 PM.


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