MobileRead Forums

MobileRead Forums (https://www.mobileread.com/forums/index.php)
-   Conversion (https://www.mobileread.com/forums/forumdisplay.php?f=235)
-   -   Text box not appearing in epub (https://www.mobileread.com/forums/showthread.php?t=245858)

Arkadian 09-06-2014 12:00 PM

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

theducks 09-06-2014 01:16 PM

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)

Arkadian 09-07-2014 08:05 AM

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.


All times are GMT -4. The time now is 10:33 PM.

Powered by: vBulletin
Copyright ©2000 - 3.8.5, Jelsoft Enterprises Ltd.
MobileRead.com is a privately owned, operated and funded community.