• I am fairly new to creating tables in html and I am looking for a way to seperate text within a 2 column cell. e.g. have the words ‘RPS Promotional Pack’ as a centred header above row 1, cell 1 and have the Individual as a centred header to the row 1, cell 2. The code I am using is below. Can anyone help me please?

    <head>
    <style>
    table, td, th
    {border:2px solid black;
    }
    th
    {
    background-color:red;
    color:white;
    text-align:center;
    }
    <div style="text-align: center;">
    </style>
    </head>
    <tbody>
    <tr>
    <table width="70%" border="0" cellspacing="0" cellpadding="0">
    <th colspan="2"><h2 style="margin-top: 8px; text-align: center;"><span style="font-family: Arial Bold; color: #ffffff;"><strong>RPS Promotional Pack £40 + VAT </strong></span></h2>
    </th>
    </tr>  <tr>
    <td width="75%"><strong><p style="margin-bottom: 8px;"><span style="font-family: calibri; color: #000000;">Up to 64 Participants</p><p>Downloadable DIY packs offer the best value for money entertainment for anyone wishing to organise an energising Rock Paper Scissors Championship.</strong></p>
    <td><h3> Individual</h3>
    </td></tr></table>
Viewing 1 replies (of 1 total)
  • The heading for ‘Individual’ needs to be in the same row as the heading for ‘RPS …’, and that cell should not have a colspan:

    <table width="70%" border="0" cellspacing="0" cellpadding="0">
       <th>
          <h2 style="margin-top: 8px; text-align: center;"><span style="font-family: Arial Bold; color: #ffffff;"><strong>RPS Promotional Pack £40 + VAT </strong></span></h2>
       </th>
       <th>
          <h3> Individual</h3>
       </th>
       <tr>
          <td width="75%"><strong><p style="margin-bottom: 8px;"><span style="font-family: calibri; color: #000000;">Up to 64 Participants</p><p>Downloadable DIY packs offer the best value for money entertainment for anyone wishing to organise an energising Rock Paper Scissors Championship.</strong></p>
          </td>
          <td>text in second cell</td>
       </tr></table>
Viewing 1 replies (of 1 total)
  • The topic ‘help with creating tables’ is closed to new replies.