HTML Tables?

Hi please would someone tell me how to make a table that looked like this pedigree style on dreamweaver? I cant figure out how to put the tables side by side :( http://img503.imageshack.us/img503/264/tablexampleli0.gif

Public Comments

  1. There are a couple of ways to do this, I think that if you design the tables separately, you can just set the cellpadding and cellspacing to '0' in the table heading like: <table id="whatever" cellpadding="0" cellspacing="0"> and then position them by the IDs in a stylesheet. Another way is to do tables within tables, but it's frowned upon :(
  2. One fairly easy way to see how to do this is to make a similar table structure in MS-Word and then save the document as a web page. You can then look through the html code (a little painful) to see how it's done. More than likely, it is being done with a rowspan attribute.
  3. You can hand-code it: <table border="1" width="600"> <tr> <td rowspan="4">a</td> <td rowspan="2">b</td> <td>c</td> </tr> <tr><td>d</td> </tr> <tr><td rowspan="2">e</td> <td>f</td> </tr> <tr><td>g</td> </tr> <tr> <td rowspan="4">h</td> <td rowspan="2">i</td> <td>j</td> </tr> <tr><td>k</td> </tr> <tr><td rowspan="2">l</td> <td>m</td> </tr> <tr><td>n</td> </tr> </table> Or you can do it in Dreamweaver by creating a table, 3 columns and 4 rows, then select groups of cells and "merge" them. (It's on a menu, or I think it's Ctrl-Alt-M on the keyboard.)
  4. do as Peter_AZ said :)
Powered by Yahoo! Answers