HTML Table Help

June 10, 2010 at 14:22:31
Specs: Windows Vista
Heya people,

it's a simple question (i think) but i'm slightly tired and cant currently get my
head around it, so i was wondering if you could help (lazy, i know...)!!

i want a simple table, with three rows. but:
the first row needs one full width cell.
the second row needs 2 evenly widthed (?) cells.
the third row needs 5 evenly widthed cells.

Only way i can think of is making 10 columns, then merging where necessary, but do you guys know an easier/simpler way??


See More: HTML Table Help

Report •


#1
June 12, 2010 at 07:54:40
It may be more simple to make each row a separate table.

jpw


Report •

#2
June 14, 2010 at 19:28:38
How does this look? Take out the "border=x" in each table to remove borders...

<table width=100% border=1>

<!--- 1st Row --->
<tr>
<td colspan=5>
1st Row over whole width
</td>
</tr>

<!--- 2nd Row --->
<tr>
<td colspan=5>

<table width=100% border=1>
<tr>
<td width=50%>
2nd Row, left cell
</td>
<td width=50%>
2nd Row, right cell
</td>
</tr>

</td>
</tr>
</table>

<!--- 3rd Row --->
<tr>
<td width=20%>
3rd Row - Cell 1 from left
</td>
<td width=20%>
3rd Row - Cell 2 from left
</td>
<td width=20%>
3rd Row - Cell 3 from left
</td>
<td width=20%>
3rd Row - Cell 4 from left
</td>
<td width=20%>
3rd Row - Cell 5 from left
</td>
</tr>

</table>


Cheers


Report •

#3
June 14, 2010 at 19:32:14
Sorry - code wrong in the second row - try this ...

<table width=100% border=1>

<!--- 1st Row --->
<tr>
<td colspan=5>
1st Row over whole width
</td>
</tr>

<!--- 2nd Row --->
<tr>
<td colspan=5>

<table width=100% border=1>
<tr>
<td width=50%>
2nd Row, left cell
</td>
<td width=50%>
2nd Row, right cell
</td>
</tr>
</table>

</td>
</tr>


<!--- 3rd Row --->
<tr>
<td width=20%>
3rd Row - Cell 1 from left
</td>
<td width=20%>
3rd Row - Cell 2 from left
</td>
<td width=20%>
3rd Row - Cell 3 from left
</td>
<td width=20%>
3rd Row - Cell 4 from left
</td>
<td width=20%>
3rd Row - Cell 5 from left
</td>
</tr>

</table>

Much better I hope


Report •

Related Solutions


Ask Question