Pre-formatted code snippet renders badly

[nabsltd]

I just re-formatted a book I bought, and hit this same issue. Here's what I used for some source code:

.div-indent {
	margin-left: 2em;
}
.div-computer {
	margin-top: 4%;
	margin-bottom: 4%;
	margin-left: 2em;
	margin-right: 2em;
	font-size: 90%;
	font-family: "Consolas", "Courier New", "Courier Std", "Courier", "DejaVu Sans Mono", monospace;
}
.para-left {
	text-align: left;
}

<div class="div-computer">
  <p class="para-left">void main (void)</p>
  <div class="div-indent">
    <p class="para-left">{</p>
    <p class="para-left">char keyfile = fopen("108952.jpg");</p>
    <p class="para-left">char extract;</p>
    <p class="para-left">while (infile)</p>
    <div class="div-indent">
      <p class="para-left">{</p>
      <p class="para-left">extract = asc(least_sig_bit(keyfile) / 2)^6;</p>
      <p class="para-left">stdoutput(extract);</p>
      <p class="para-left">}</p>
    </div>
    <p class="para-left">}</p>
  </div>
</div>

No complaints about the code...I know it's not valid, but that's what was in the book. The attachment shows how it renders.

[JSWolf]

Sorry, but I just have to say go return that book. The code is awful. I would not trust the author.

[nabsltd]

Originally Posted by JSWolf

Sorry, but I just have to say go return that book. The code is awful. I would not trust the author.

It's a novel, so it doesn't really matter.

[GaryVe]

Hi CBSA,

I think that I have the answer for you on that same ePub. Do a replace all of "</code> " (think that it was two spaces, may have been more) with "</code>" (no spaces). Do this in each html file; don't do anything to the CSS file.

I used Calibre to edit the book to do this. You will see it auto correct as you do the replace all.

Let me know if it works for you.

G

[GaryVe]

Correction to the above: copy and paste the offending code from the html script, which I have to be: (ignore the quotes)

"</code>

<"

and replace this with just "</code> <"

and then replace

"</code>

<"

with "</code><"

Works perfectly for me.

G