VolSpeak
asked on
aligning information with headings in a table - easy and urgent
Hi, if I have a table that displays headings with three fields of information for each heading like so:
|heading one|heading two|heading three|
|va |va |var |va |va |var |va |va | var|
Ive tried numerous of doing ways of doing this but always end up with:
|heading one|heading two|heading three|
|va |va|var|va |va |var|va |va|var |
ie the headings are not aligned with the information.
How can I write html code to achieve this?
Thank you
if you want all your headings to be one color (to seperate from the DATA) make it
<thead bgcolor="#ccffff">
<thead bgcolor="#ccffff">
or else or HTML/CSS to style the table in any manner youd like.
also, i just looked at my code, you need to add: <tr> tags around each row of td's like so:
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
Sorry about forgetting the tr
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
Sorry about forgetting the tr
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
hello? any response?
did this help you VolSpeak? I have provided code above and beyond your requirements. Please respond.
ASKER
Sorry, i have very limited internet access and am just testing your response now, please be patient
Thanks :)
<thead>
<tr>
<th style="width: 266px;" colspan="3">Heading 1</th>
<th style="width: 266px;" colspan="3">Heading 2</th>
<th style="width: 266px;" colspan="3">Heading 3</th>
</tr>
<tr>
<th>SubHeading 1</th>
<th>SubHeading 2</th>
<th>SubHeading 3</th>
<th>SubHeading 4</th>
<th>SubHeading 5</th>
<th>SubHeading 6</th>
<th>SubHeading 7</th>
<th>SubHeading 8</th>
<th>SubHeading 9</th>
</tr>
</thead>
<tbody>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tbody>
</table>