View Single Post
Old 11-11-2013, 09:31 PM   #1
gib65
Junior Member
gib65 began at the beginning.
 
Posts: 4
Karma: 10
Join Date: Nov 2013
Device: none
table in reader doesn't look like preview in Sigil

Hello,

I'm trying to edit my epub file in Sigil. I have a table that looks like the attached image to the left. At least, that's the way I want it to look. It does look that way in Sigil, but then when I upload my epub file to KDP, convert it to .mobi, then downloaded and view it, my table looks like the attached image to the right.

Below is the markup for my table as seen in Sigil. Can anyone see what needs to be changed so that the right image ends up looking like the left one?

Code:
<div style="text-align:center">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;margin:0 aut; width:98%; border-top-color:#000000; border-top-style:solid; border-top-width:1px; border-left-color:#000000; border-left-style:solid; border-left-width:1px; border-right-color:#000000; border-right-style:solid; border-right-width:1px; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:1px;">
        <tbody>
          <tr>
            <td colspan="2" style="background-color:#999999; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:1px; padding:7.15pt; vertical-align:middle">
              <p style="margin:0.00% 0.00%; text-align:justify"><img alt="http://www.mm-theory.com/icons/prin.gif" height="19" src="../Images/image00321.jpeg" width="12" /> <span style=" font-size:1.0rem">Principle: Computer Analogy of The Brain</span></p>
            </td>
          </tr>

          <tr>
            <td colspan="2" style="border-left-color:#000000; border-left-style:solid; border-left-width:0.5pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.5pt; padding:3.55pt 7.15pt; vertical-align:middle">
              <p style="margin:0.00% 0.00%; text-align:justify"><span style=" font-size:1.0rem">The brain is like a computer and its MODs are like circuits in that:</span></p>
            </td>
          </tr>

          <tr>
            <td style="border-left-color:#000000; border-left-style:solid; border-left-width:0.5pt; padding-bottom:3.55pt; padding-top:3.55pt; vertical-align:top; width:14.25pt">
              <p style="margin:0.00% 0.00%; text-align:right"><span style=" font-size:1.0rem">1)</span></p>
            </td>

            <td style="border-right-color:#000000; border-right-style:solid; border-right-width:0.5pt; padding:3.55pt 7.15pt; vertical-align:middle">
              <p style="margin:0.00% 0.00%; text-align:justify"><span style=" font-size:1.0rem">Logic gates permit some signals to pass through while inhibiting others</span><span style=" font-size:1.0rem">. Synapses permit some signals to pass through while inhibiting others.</span></p>
            </td>
          </tr>

          <tr>
            <td style="border-left-color:#000000; border-left-style:solid; border-left-width:0.5pt; padding-bottom:3.55pt; padding-top:3.55pt; vertical-align:top; width:14.25pt">
              <p style="margin:0.00% 0.00%; text-align:right"><span style=" font-size:1.0rem">2)</span></p>
            </td>

            <td style="border-right-color:#000000; border-right-style:solid; border-right-width:0.5pt; padding:3.55pt 7.15pt; vertical-align:middle">
              <p style="margin:0.00% 0.00%; text-align:justify"><span style=" font-size:1.0rem">Logical expressions can be physically represented with the activity of computer circuits. Logical thinking can be physically represented with the activity of MODs.</span></p>
            </td>
          </tr>

          <tr>
            <td style="border-left-color:#000000; border-left-style:solid; border-left-width:0.5pt; padding-bottom:3.55pt; padding-top:3.55pt; vertical-align:top; width:14.25pt">
              <p style="margin:0.00% 0.00%; text-align:right"><span style=" font-size:1.0rem">3)</span></p>
            </td>

            <td style="border-right-color:#000000; border-right-style:solid; border-right-width:0.5pt; padding:3.55pt 7.15pt; vertical-align:middle">
              <p style="margin:0.00% 0.00%; text-align:justify"><span style=" font-size:1.0rem">Computer circuits control the behavior of robots. Brains control the behavior of humans.</span></p>
            </td>
          </tr>

          <tr>
            <td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.5pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.5pt; padding-bottom:3.55pt; padding-top:3.55pt; vertical-align:top; width:14.25pt">
              <p style="margin:0.00% 0.00%; text-align:right"><span style=" font-size:1.0rem">4)</span></p>
            </td>

            <td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.5pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.5pt; padding:3.55pt 7.15pt; vertical-align:middle">
              <p style="margin:0.00% 0.00%; text-align:justify"><span style=" font-size:1.0rem">Computers process information as Boolean values (1s and 0s). Brains process information as Boolean values (neurons firing and not firing).</span></p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
Attached Thumbnails
Click image for larger version

Name:	sigil table.jpg
Views:	295
Size:	77.6 KB
ID:	115049   Click image for larger version

Name:	mobi table.jpg
Views:	284
Size:	150.7 KB
ID:	115050  
gib65 is offline   Reply With Quote