help with creating tables

  • wackynation

    (@wackynation)


    10 years, 7 months ago

    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)
  • vtxyzzy

    (@vtxyzzy)

    10 years, 7 months ago

    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.

Tags