Create Table with multiple sub columns

L

liunx

Guest
Hi,<br />
I want to crate a table in the format displayed in the attached file,Can anyone give me the code.<br />
Thanks,<br />
Sri<!--content-->OK, if you are using a wysiwyg editor; create a table 11 wide by 4 deep. For the top row of your table, you can select 3 cells and merge them, thus creating one cell spanning three columns. <br />
<br />
or<br />
<br />
<table border="0" cellpadding="0" cellspacing="0" width="800"><br />
<tr><br />
<td></td><br />
<td></td><br />
<td colspan="3"></td><br />
<td colspan="3"></td><br />
<td colspan="3"></td><br />
</tr><br />
<tr><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
</tr><br />
<tr><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
</tr><br />
<tr><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
<td></td><br />
</tr><br />
</table><br />
<br />
<br />
ta da!<!--content-->Hi there srini,<br />
<br />
Actually you already have the exact code for the table in your possession :D <br />
If you click 'File' on the attachment that you posted and then 'Save as', <br />
you will be presented with a 'Dialogue box'...choose the option save as a web page, <br />
this will then give you an html file with the table code within :cool: <br />
<br />
coothead<!--content-->you are so clever! :D<!--content-->Hi there srini,<br />
<br />
I feel a little bit guilty about suggesting that you extract the table code from your attachment...<br />
especially after looking at it myself :o <br />
<br />
So I have done a proper one for you now :D <html><br />
<head><br />
<title>tables</title><br />
<br />
<style type="text/css"><br />
table.first{font-family:times new roman; font-size:12px; border-style:solid; border-width:1px; border-color:#000000; border-collapse: collapse; width:85%; position:relative; top:5%; left:7%;}<br />
td.one{border-style:solid; border-width:1px; border-color:#000000; width:7%; height:16px; text-align:left;}<br />
td.two{border-style:solid; border-width:1px; border-color:#000000; width:7%; height:43px; text-align:left;}<br />
td.three{border-style:solid; border-width:1px; border-color:#000000; width:15%; text-align:left;}<br />
td.four{border-style:solid; border-width:1px; border-color:#000000; width:26%; text-align:center;}<br />
td.five{border-style:solid; border-width:1px; border-color:#000000; width:8.6%; text-align:left;}<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table class="first"><br />
<tr ><br />
<td class="one">Text</td><br />
<td class="three">Text</td><br />
<td class="four" colspan="3">Text</td><td class="four"colspan="3">Text</td><td class="four"colspan="3">Text</td></tr><br />
<tr ><br />
<td class="two">Text</td><br />
<td class="three">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
</tr><br />
<tr><br />
<td class="one">Text</td><br />
<td class="three">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
</tr><br />
<tr><br />
<td class="one">Text</td><br />
<td class="three">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
<td class="five">Text</td><td class="five">Text</td><td class="five">Text</td><br />
</tr><br />
</table><br />
<br />
</body><br />
</html><br />
coothead<!--content-->
 
You must log in or register to reply here.
Back
Top