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 04-11-2014, 08:14 AM   #1
mrevent
Zealot
mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.
 
Posts: 105
Karma: 87300
Join Date: Feb 2011
Device: kindle 3w, dxg, 5, Kv
html to epub: no text reflow

Hi, I need help with the following-- hopefully simple -- issue:
When I convert a html file to epub in Sigil, the margins of the text remain fixed: the text does not reflow in accordance with the size of the screen; making the epub reader's window smaller will make e.g. the right half the lines invisible...

When opening the html file in Firefox, the issue is easily fixed by going to "view" and choose "no style" but how do I make this permanent in Sigil by editing the css? (I suppose).

My ultimate aim is to have the file in .azw3 format (as described here) but I realize now that this is a basic epub issue. With no skills developed in editing the css properly (I tried! ), I am pasting the whole of it here:


body
{ color: black;
background: white;
FONT-FAMILY: arial;
FONT-SIZE: 12px}

A:link {text-decoration: underline; color: #800000}
A:active {text-decoration: underline; color: #800000}
A:visited {text-decoration: underline; color: maroon}

A:hover
{ text-decoration: underline;
color: #800000}

HR
{ width: 995px;
text-align: left;
margin: 0 auto 0 0}
H1
{ color: black;
font-size: 14px;
font-weight: bold;
font-family: arial}

H2
{ color: #000000;
font-weight: bold;
font-size:12px;
font-family: Arial}

.TOC
{ color: black;
font-size: 16px;
font-weight: bold;
font-family: arial;
text-align: center}

.sectionHeaderContainer
{ border-bottom: 1px solid #BFC6CB;
margin-bottom: 20px;
width: 100%}

.sectionHeader
{ font-weight: 700;
color: #555;
font-size: 0.9em;
text-transform: uppercase;
border:1px solid #c3c3c3;
background-color:#f0f0f0;
padding:0px 5px}

.pagetitlefooter
{ font-family:Arial,"Times New Roman",Times,serif;
font-size:12px}

.pagetitle
{ font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px}

.subNavText, .subNavText a, .subNavText a:visited, .subNavText a:hover
{ color:#666666;
font-size:12px;
font-weight:400;
margin-left:5px;
text-decoration:none}

.tr_reg
{ background-color:#FFFFFF}

.tr_color
{ background-color:#EFF0F0}

.td_align
{ text-align: center}

.TD
{ FONT-FAMILY: arial;
FONT-SIZE: 12px}

.TITLE
{ FONT-FAMILY: arial;
FONT-SIZE: 18px}


#sddm
{ margin: 0;
padding: 0;
width: 995px;
z-index: 30}

#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: 14px arial}

#sddm li a
{ display: block;
margin: 0 0px 0 0;
padding: 4px 10px;
width: 80px;
background: #1B2E4C;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{ background: #B8882D}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #1B2E4C;
border: 1px solid #1B2E4C}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #1B2E4C;
color: #FFF;
font: 14px arial}

#sddm div a:hover
{ background:#B8882D;
color: #FFF}

.FILLER
{ display: block;
margin: 0 0px 0 0;
padding: 4px 10px;
width: 495px;
height: 24px;
background: #1B2E4C;
color: #FFF;
text-align: center;
text-decoration: none}

/* For pop-in notes */
.hiddennote {
display: none;
margin: 5px;
border: 1px solid #242e55;
background-color: #dde3ef;
padding: 2px;
}
*,html {

}
div.suggestions {
background-color: #fff;
border-left:1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
}
div.suggestions div {
cursor: default;
padding: 0 3px;
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color:#CCCCCC;
}
div.suggestions div.current {
background-color: #36c;
color: #fff;
}

Last edited by mrevent; 04-11-2014 at 08:18 AM.
mrevent is offline   Reply With Quote
Old 04-11-2014, 09:09 AM   #2
mrmikel
Color me gone
mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.
 
Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
You didn't show any text. Is the text a series of lines all ending in <br/>? For it to reflow it has to be formatted in a series of paragraphs, rather than as individual lines.

BTW I believe the tags and tag definitions all have to be in lower case in epubs. Also case has to match in epubs, too.

This css reflects a lot of formatting which may not display well depending on the device. You might check out www.w3schools.com/css and the wiki on this forum. You're going to have to learn it in order to do this sort of thing and there is no magic bullet. You can try converting it in calibre and play around with the various settings and see what you get.
mrmikel is offline   Reply With Quote
Advert
Old 04-11-2014, 10:10 AM   #3
mrevent
Zealot
mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.
 
Posts: 105
Karma: 87300
Join Date: Feb 2011
Device: kindle 3w, dxg, 5, Kv
Thanks mrmikel; the lines don't end in <br/>, they are properly formatted in paragraphs. (here is an example:
Quote:
<p>Like all interpretative schemes, functional analysis depends upon a triple alliance between theory, method and data. Of the three allies, method is by all odds the weakest. Many of the major practitioners of functional analysis have been devoted to theoretic formulations and to the clearing up of concepts; some have steeped themselves in data directly relevant to a functional frame of reference; but few have broken the prevailing silence regarding how one goes about the business of functional analysis. Yet the plenty and variety of functional analyses force the conclusion that <i>some</i> methods have been employed and awaken the hope that much may be learned from their inspection.</p>
)

I understand that there may not be a "magic bullet" for css editing, but my only problem is with the reflow and I suspect there may be quick fix for that (although my various novice trials in calibre failed: conversion to epub to epub/ mobi/ azw3 with "remove fake margins"/ "heuristic processing" etc) ; all of the other complicated formatting ends up working fine in the end result...

Apart from the css, there is a long code at the top of the html file, the problem may lie there. I checked the w3 website already and could find a solution there: I would not open a new thread immediately after encountering a problem... I paste that long code below too in case anyone more knowledgeable would prefer to help.

Code:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:lang="en">
<head>

  <script src="http://services.alexanderstreet.com/analytics/soth.js" type="text/javascript">
</script>
  <link href="../../../../images/style.css" rel="stylesheet" type="text/css" />
  <script src="../../../../headers/menu.js" type="text/javascript">
</script><!--
-->
  <!-- Needed JavaScript Code -->

  <script language="JavaScript" type="text/javascript">









  //<![CDATA[

    var cleared = 0;

    function clearField(field)
    {
        if (cleared != 1) {
            field.value = ""
            cleared = 1
        } else {
            cleared = 0
        }
    }
  function toggleMenu(currElem,nextPos) {
        menuObj = (document.all) ? eval("document.all." + currElem + ".style") : eval("document." + currElem)
        if (toggleMenu.arguments.length == 1)
                nextPos = (parseInt(menuObj.top) == -5) ? -90 : -5
                if (document.all)
                        menuObj.pixelTop = nextPos
                else
                        menuObj.top = nextPos
  }

  //]]>
  </script><!-- These are for the pop-in notes: put in full paths and uncomment -->

  <script src="../../../../prototype.lite.js" type="text/javascript">
</script>
  <script src="../../../../moo.ajax.js" type="text/javascript">
</script>
  <script src="../../../../notes.js" type="text/javascript">
</script><!-- Your header should go here.  -->

  <title>Results</title>
  
<style type="text/css">
<!--
  /* The following is PhiloLogic specific CSS to handle TEI encoding */
  /* Edit as you see fit, but you will probably need to modify traps in */
  /* philosubs.pl in the database lib/ directory.  Yes, indeed, it is */
  /* a bit fiddly.  One day, XSLT!  If you do it, please let us know. */
  span.emph {font-weight: bolder; }
  span.emphsc {FONT-SIZE: 12px;}
  span.hi   {font-weight: bolder;}
  span.foreign {font-style: italic;}
  span.bibl {font-style: italic;}
  span.title     {font-style: italic;}
  span.hiitalic  {font-style: italic;}
  span.hiunderline {text-decoration: underline;}
  span.hibold   {font-weight: bolder;}
  span.doctitle {display: block; text-align: center; FONT-SIZE: 24px; LINE-HEIGHT: 1.5;}
  span.byline {display: block; text-align: center; FONT-SIZE: 16px; LINE-HEIGHT: 1.5;}
  span.pubplace {display: block; text-align: center; FONT-SIZE: 16px; LINE-HEIGHT: 1.5;}
  span.docedition {display: block; text-align: center; FONT-SIZE: 16px; LINE-HEIGHT: 1.5;}
  span.publisher {display: block; text-align: center; FONT-SIZE: 16px; LINE-HEIGHT: 1.5;}
  span.docimprint {display: block; text-align: center; FONT-SIZE: 16px; LINE-HEIGHT: 1.5;}
  span.addrline {display: block; text-align: center; FONT-SIZE: 16px; LINE-HEIGHT: 1.5;}
  span.docauthor {display: block; text-align: center; FONT-SIZE: 20px; LINE-HEIGHT: 1.5;}
  span.docdate {display: block; text-align: center; FONT-SIZE: 20px; LINE-HEIGHT: 1.5;}
  span.opener   {display: block; text-align: center;}
  span.label   {display: block; text-align: center;}
  span.signed   {display: block; text-align: right;}
  span.stage    {display: block; text-align: right; font-style: italic; margin-left: 120px;}
  span.speaker  {display: block; text-align: center; FONT-SIZE: 16;}
  span.epigraph {display: block; margin-left: 300px;}
  span.salute   {display: block; text-align: center;}
  span.trailer  {display: block; text-align: center;}
  span.closer   {display: block; text-align: center;}
  span.item     {display: block; text-align: left;}
  span.role     {display: block; text-align: left; margin-left: 100px; margin-right: 100px}
  span.argument {display: block; text-align: left; margin-left: 100px; margin-right: 100px}
  span.roledesc {display: block; text-align: right; margin-right: 100px}
  span.l        {display: block; text-align: left;}
  span.small   {FONT-SIZE: 11px;}
  span.hismallcap {FONT-SIZE: 12px;}
  span.head    {display: block; text-align: center; font-weight: bolder; FONT-SIZE: 18px; LINE-HEIGHT: 1.5;}
  span.notetarget {FONT-SIZE: 12px; text-decoration: underline; vertical-align: super;}
  span.footnote {display: block; FONT-SIZE: 12px; margin-left: 60px; margin-right: 40px;}
  span.marginnote {display: block; FONT-SIZE: 12px; text-align: right;}
  span.inlinenote {display: block; FONT-SIZE: 12px;}
  span.generalnote {display: block; FONT-SIZE: 12px;}
  span.endnote {display: block; FONT-SIZE: 12px;}
  span.refalignright {display: block; text-align: right;}
  span.mstoneid {display: block; FONT-SIZE: 12px; text-align: right;}
  span.mstonen {display: block; FONT-SIZE: 12px; text-align: right;}
  span.mstonetype {display: block; text-align: center;}
  span.mwright {display: block; FONT-SIZE: 12px; text-align: right;}
  span.authfreqindt {display: block; text-align: left; margin-left: 60px;}
  span.perfreqindt {display: block; text-align: left; margin-left: 45px;}
  span.navhead {display: block; text-align: center; font-size: 16; font-weight: bold;}
  span.navbiblio {display: block; font-size: 14;}
  span.navlevel1 {display: block; text-align: left; font-size: 14;}
  span.navlevel2 {display: block; text-align: left; margin-left: 40px; FONT-SIZE: 14;}
  span.navlevel3 {display: block; text-align: left; margin-left: 60px; FONT-SIZE: 12;}
  span.projecthead { text-align: right; font-size: 20; color: #000000;}

  /* For pop-in notes */
  .hiddennote {
        display: none;
        margin: 5px;
        border: 1px solid #242e55;
        background-color: #dde3ef;
        padding: 2px;
  }

  -->

  div.sgc-7 {width: 995px; float: left;}
  td.sgc-6 {font-style: italic}
  p.sgc-5 {font-style: italic}
  div.sgc-4 {text-align: center}
  a.sgc-3 {font-style: italic}
  td.sgc-2 {font-weight: bold}
  div.sgc-1 {clear: both;}
</style>
</head>

<body>
  <p><img alt="" src="../../../../headers/soth.header.jpg" /></p>

  <ul id="sddm">
    <li><a href="../../../../index.html">Home</a></li>

    <li>
      <a href="authoridx.pl.html" onmouseout="mclosetime()" onmouseover="mopen('m2')">Browse</a>

      <div id="m2" onmouseout="mclosetime()" onmouseover="mcancelclosetime()">
        <a href="authoridx.pl.html">Authors</a> <a href="sourceidx.pl.html">Sources</a> <a href="documentidx-sortorder=sourcetitle_sort_primary,sourcetitle_sort_secondary,docid.pl.html">Documents</a> <a href="documentidx-sortorder=docyear.pl.html">Years</a> <a href="theorytoc.pl.html">Theories</a> <a href="subjecttoc-ordering=2.pl.html">Subjects</a>
      </div>
    </li>

    <li>
      <a href="../../../../soth.find.authors.html" onmouseout="mclosetime()" onmouseover="mopen('m3')">Find</a>

      <div id="m3" onmouseout="mclosetime()" onmouseover="mcancelclosetime()">
        <a href="../../../../soth.find.sources.html">Sources</a> <a href="../../../../soth.find.authors.html">Authors</a>
      </div>
    </li>

    <li>
      <a href="../../../../soth.search.advanced.html" onmouseout="mclosetime()" onmouseover="mopen('m4')">Search</a>

      <div id="m4" onmouseout="mclosetime()" onmouseover="mcancelclosetime()">
        <a href="../../../../soth.search.simple.html">Simple</a> <a href="../../../../soth.search.advanced.html">Advanced</a>
      </div>
    </li>

    <li><a href="../../../../soth.help.html">Help</a></li>

    <li class="FILLER">&nbsp;</li>
  </ul>

  <div class="sgc-1"></div>

  <p><br /></p>

  <div class="sgc-7">
    <!-- START OF CONTENT AREA -->

    <table border="0" class="TD" width="995">
      <tr>
        <td align="left" width="300"><a href="../Text/getdoc-S10019965-D000003.pl.html">Previous Source Document</a></td>

        <td align="center" class="sgc-2" width="300">Document 4</td>

        <td align="right" width="300"><a href="../Text/getdoc-S10019965-D000005.pl.html">Next Source Document</a></td>
      </tr>
    </table><br />

    <table class="TD" width="995">
      <tr>
        <td><a href="../Text/getdoc-S10019965-D000004.pl.html">III: Manifest and Latent Functions</a> by Robert King Merton, in <a class="sgc-3" href="sourceidx-&amp;sourceid=S10019965.pl.html">Social Theory and Social Structure</a>. [by] Robert K. Merton. (Free Press, New York, NY, 1968). pp. 73-138. [<a href="documentidx-docid=S10019965-D000004&amp;showfullrecord=ON.pl.html">Bibliographic Details</a>] [<a href="documentidx-sourceid=S10019965.pl.html">View Documents</a>]<br /></td>
      </tr>
    </table>
    <hr />

    <table class="TD" width="995">
      <tr>
        <td>
          <div class="sgc-4">
            -- 73 --
          </div>

          <h2 id="heading_id_2">III: Manifest and Latent Functions</h2>

          <p>TOWARD THE CODIFICATION OF FUNCTIONAL ANALYSIS IN SOCIOLOGY</p>

          <p>FUNCTIONAL ANALYSIS is at once the most promising and possibly the least codified of contemporary orientations to problems of sociological interpretation. Having developed on many intellectual fronts at the same time, it has grown in shreds and patches rather than in depth. The accomplishments of functional analysis are sufficient to suggest that its large promise will progressively be fulfilled, just as its current deficiencies testify to the need for periodically overhauling the past the better to build for the future. At the very least, occasional re-assessments bring into open discussion many of the difficulties which otherwise remain tacit and unspoken.</p>

Last edited by mrevent; 04-11-2014 at 10:12 AM.
mrevent is offline   Reply With Quote
Old 04-11-2014, 10:58 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: 7,514
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
It seems the text is inside a table with width="995". Get rid of the table.
Jellby is offline   Reply With Quote
Old 04-11-2014, 12:38 PM   #5
mrevent
Zealot
mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.
 
Posts: 105
Karma: 87300
Join Date: Feb 2011
Device: kindle 3w, dxg, 5, Kv
Thank you indeed very very much Jellby!!! This solved it, I am a bit mad at myself to have spent so many hours trying to fix what turned out to be a simpler than expected issue... and am grateful to you!

Last edited by mrevent; 04-11-2014 at 12:46 PM.
mrevent is offline   Reply With Quote
Advert
Old 04-11-2014, 01:16 PM   #6
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
Be aware that Javascript and a lot of CSS code you use will not work in an ePUB2 and therefore in a lot of readers.
Toxaris is offline   Reply With Quote
Old 04-11-2014, 02:00 PM   #7
mrevent
Zealot
mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.
 
Posts: 105
Karma: 87300
Join Date: Feb 2011
Device: kindle 3w, dxg, 5, Kv
Thanks for the warning Toxaris. Fortunately, a Kindle 3 now seems to read the azw3 file well (converted from the epub). Hopefully, the Javascript will stay as "extra/ useless" but not harmful content... The links to footnotes too work as well... Thanks to Jellby again, this may be very useful as that html pattern is present in not one but many online html books. I may need to learn a bit about regular expressions to make the cleaning faster but am glad to know that there is a good chance the end result will work on Kindle...
mrevent is offline   Reply With Quote
Old 04-11-2014, 04:17 PM   #8
Arios
A curiosus lector!
Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.
 
Arios's Avatar
 
Posts: 463
Karma: 2015140
Join Date: Jun 2012
Device: Sony PRS-T1, Kobo Touch
mrevent,

Not sure about this one in your CSS:

Code:
*,html {  }
Arios is offline   Reply With Quote
Old 04-12-2014, 01:23 AM   #9
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
I would heavily clean up the code first to remove all the junk code and styling. Leaving it in and hoping it will not affect the book will give issues sooner or later.
Toxaris is offline   Reply With Quote
Old 04-12-2014, 03:27 AM   #10
mrevent
Zealot
mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.
 
Posts: 105
Karma: 87300
Join Date: Feb 2011
Device: kindle 3w, dxg, 5, Kv
Thank you both. Yep, it seems I got too excited indeed and need to clean up more... The first thing I notice is that when there is an image, the text reflow does not happen even after removing the table; more work...
-------------------

EDIT: @Toxaris: I removed some of the scripts and changed <div style="width: 995px; float: left;"> to <div style="width: auto; reflow: left;"> . Seems to be working again for now... [I have no idea why I put directly "reflow" there but Sigil seems to have been sympathetic ] --> LATER EDIT: nope, "reflow" is not the term to use, gave an error in calibre editor check; I changed it to "overflow:left"

@Arios: I could not find the "*,html { }" in the code. Things seem to be ok for now though; will dare to bug the thread again later if another problem arises.

Last edited by mrevent; 04-13-2014 at 06:44 AM.
mrevent is offline   Reply With Quote
Old 04-12-2014, 01:25 PM   #11
Arios
A curiosus lector!
Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.
 
Arios's Avatar
 
Posts: 463
Karma: 2015140
Join Date: Jun 2012
Device: Sony PRS-T1, Kobo Touch
The code is here (in red ) in the css you have provided (#1):

Code:
...
/* For pop-in notes */
.hiddennote {
display: none;
margin: 5px;
border: 1px solid #242e55;
background-color: #dde3ef;
padding: 2px;
}
*,html {

}
div.suggestions {
background-color: #fff;
border-left:1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
}
...
mrevent, if you don't mind, your css seems to be more tailored for a web site than for an epub.

Just a trick: look here on mobileread (https://www.mobileread.com/forums/forumdisplay.php?f=130) and download an epub you like to see how the css is structured and how it interacts with the content.

Last edited by Arios; 04-12-2014 at 01:28 PM.
Arios is offline   Reply With Quote
Old 04-13-2014, 06:40 AM   #12
mrevent
Zealot
mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.mrevent knows better than to ask about the Gravitic Imploder Lance.
 
Posts: 105
Karma: 87300
Join Date: Feb 2011
Device: kindle 3w, dxg, 5, Kv
Missed it, thank you! Indeed Arios, that html structure is used in an electronic resource for html books where one can navigate easily on a webpage; not the best css, it seems, for an e-ink reader. I deleted a lot though and the text is readable now, with proper formatting, on the reader. I hope it will stay that way for a while
mrevent is offline   Reply With Quote
Old 04-13-2014, 06:59 AM   #13
mrmikel
Color me gone
mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.
 
Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
That is not the lone difference between web pages and epubs, so you can expect something similar to get you if you transfer stuff from one to the other. I know from unpleasant experience.(sigh)
mrmikel 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
Html->ePub, table and text alignment yktan Conversion 1 08-29-2013 04:42 AM
HTML to ePub stripping out Content text nimblebooks Conversion 6 02-01-2012 01:50 AM
Overlapping text when converting html to mobi/epub TopCat Conversion 4 11-28-2011 06:13 AM
HTML to EPUB Inline Text/Image Issue HoushaSen Conversion 2 07-02-2011 08:03 PM
<pre> tags and no text reflow in EPUB sergio blum Calibre 24 10-14-2010 08:07 PM


All times are GMT -4. The time now is 12:03 AM.


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