1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

HTML HTML tables: set for side by side

Discussion in 'Web Development' started by navyfalcon, Aug 29, 2014.

  1. navyfalcon

    navyfalcon Well-Known Member Verified Member

  2. Mildju

    Mildju Member

    Hi navyfalcon,

    It looks like a simple table element in pure HTML code (i.e. no CSS). If I understand you well, you're asking for an additional column.

    So edit the source code and go to the following part :
    HTML:
    <td width="20%">
          <dt><strong>1:01 - 2:20</strong></dt>
          <dt>1:01 - 1:03</dt>
    ...
          <dt>4:01 - 4:06</dt>
    </td>
    This has to be rewritten as :
    HTML:
    <td width="10%">
          <dt><strong>1:01 - 2:20</strong></dt>
          <dt>1:01 - 1:03</dt>
    ...
          <dt>4:01 - 4:06</dt>
    </td>
    <td width="10%">
          <dt>4:07 - 4:09</dt>
          <dt>4:10 - 4:23</dt>
    ...
          <dt>7:70 - 7:73</dt>
    </td>
    Ideally you should also add a third column to the next row (<tr>...</tr> section), even if it's empty. That will make the 10% width work.

    Hope it helps. :)
    Mildju
     
    Dawn likes this.
  3. navyfalcon

    navyfalcon Well-Known Member Verified Member

    Thank you for your reply
    -
    I didn't state the problem correctly
    Nehemiah index
    http://freetutorials.name/Reference1/King James/Old Testament/16_000.html#Neh.000

    Problem: (Top cell 50% of (80% The Preparation to Reconstruct the Wall + 20% 1:01 - 4:06)
    (bottom cell 50% of (80% Opposition Through Threat of Attack + 20% 4:07 - 7:73)
    How do I put the bottom cell next to the top cell and not under it ??
    - - -
    Thank You
    falcon
     
  4. Mildju

    Mildju Member

    Something like this then ?
     

    Attached Files:

  5. Mildju

    Mildju Member

    Here's the corresponding HTML code :

    HTML:
    <table width="100%" border="1" cellspacing="2" cellpadding="0">
      <td align="center" colspan="4"><font size="+1"><b>Outline of Nehemiah</b></font></td>
      <dt>&nbsp;&nbsp;&nbsp;&nbsp;<b>Nehemiah</b>, contemporary to Ezra and cupbearer to the king in the Persian palace, leads the third and last retutn to Jurusalem after the Babylonian exile. His concern for the welfare of Jerusalem and its inhabitants prompts him to take bold action.</dt>
      <dt><center><b>&nbsp;&nbsp;&nbsp;Part One: The Reconstruction of the Wall (1:1-7:13)</b></font></center></dt>
        <tr>
          <td>
          <dt>&nbsp;<strong>I. <a href="16_001.htm">The Preparation to Reconstruct the Wall</a></strong></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp; A. <a href="16_001.htm#01">Discovery of the Broken Wall</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp; B. <a href="16_001.htm#04">Intercession of Nehemiah</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1. <a href="16_001.htm#04">Nehemiah Intercedes with God</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2. <a href="16_002.htm#01">Nehemiah Intercedes with Artaxerxes</a></dt>
          <dt>&nbsp;&nbsp;&nbsp; C. <a href="16_002.htm#09">Arrival of Nehemiah in Jerusalem</a></dt>
          <dt>&nbsp;&nbsp;&nbsp; D. <a href="16_002.htm#12">Preparation to Reconstruct the Wall</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1. <a href="16_002.htm#12">Nehemiah Inspects the Broken Walls</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2. <a href="16_002.htm#17">Nehemiah Exhorts the People</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3. <a href="16_002.htm#19">Nehemiah Answers the Enemies</a></dt>
          <dt>&nbsp;<strong>II. <a href="16_003.htm"01>The Reconstruction of the Wall</a></strong></dt>
          <dt>&nbsp;&nbsp;&nbsp; A. <a href="16_003.htm#01">Record of the Builders</a></dt>
          <dt>&nbsp;&nbsp;&nbsp; B. <a href="16_004.htm#01">Opposition to the Reconstruction</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1. <a href="16_004.htm#01">Opposition Through Ridicule</a></dt>
          </td>
          <td>
          <dt><strong>1:01 - 2:20</strong></dt>
          <dt>1:01 - 1:03</dt>
          <dt>1:04 - 2:08</dt>
          <dt>1:04 - 1:11</dt>
          <dt>2:01 - 2:08</dt>
          <dt>2:09 - 2:11</dt>
          <dt>2:12 - 2:20</dt>
          <dt>2:12 - 2:16</dt>
          <dt>2:17 - 2:18</dt>
          <dt>2:19 - 2:20</dt>
          <dt><strong>3:01 - 7:73</strong></dt>
          <dt>3:01 - 3:32</dt>
          <dt>4:01 - 6:14</dt>
          <dt>4:01 - 4:06</dt>
          </td>
          <td>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2. <a href="16_004.htm#07">Opposition Through Threat of Attack</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3. <a href="16_004.htm#10">Opposition Through Discouragement</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4. <a href="16_005.htm#01">Opposition Through Extortion</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5. <a href="16_005.htm#14">Nehemiah's Unselfish Example</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6. <a href="16_006.htm#01">Opposition Through Compromise</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7. <a href="16_006.htm#05">Opposition Through Slander</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8. <a href="16_006.htm#10">Opposition Through Treachery</a></dt>
          <dt>&nbsp;&nbsp;&nbsp; C. <a href="16_006.htm#15">Completion of the Reconstruction</a></dt>
          <dt>&nbsp;&nbsp;&nbsp; D. <a href="16_007.htm#01">Organization of Jerusalem</a></dt>
          <dt>&nbsp;&nbsp;&nbsp; E. <a href="16_007.htm#05">Registration of Jerusalem</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1. <a href="16_007.htm#05">The Plan</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2. <a href="16_007.htm#07">The Remnant of Known Descent</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3. <a href="16_007.htm#61">The Remnant of Unknown Descent</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4. <a href="16_007.htm#66">The Total of the Remnant</a></dt>
          <dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5. <a href="16_007.htm#70">The Gifts of the Remnant for the Temple</a></dt>
          </td>
          <td>
          <dt>4:07 - 4:09</dt>
          <dt>4:10 - 4:23</dt>
          <dt>5:01 - 5:13</dt>
          <dt>5:14 - 5:19</dt>
          <dt>6:01 - 6:04</dt>
          <dt>6:05 - 6:09</dt>
          <dt>6:10 - 6:14</dt>
          <dt>6:15 - 6:19</dt>
          <dt>7:01 - 7:04</dt>
          <dt>7:05 - 7:73</dt>
          <dt>7:05 - 7:06</dt>
          <dt>7:07 - 7:60</dt>
          <dt>7:61 - 7:65</dt>
          <dt>7:66 - 7:69</dt>
          <dt>7:70 - 7:73</dt>
          </td>
          </dl>
    </table>
    
     
    navyfalcon likes this.
  6. navyfalcon

    navyfalcon Well-Known Member Verified Member

    Yes, that is correct. (U R great)
    I noticed you used "colspan"
    Thank You
    falcon
     
    Mildju likes this.
  7. navyfalcon

    navyfalcon Well-Known Member Verified Member

  8. Mildju

    Mildju Member

    You're welcome. ;)