Parent Home > Style Guide > Making a Table

Making a Table

To make a table for the UR Subsite Secondary Region Template 2-6-4 layout, use the code below with the 466 pixel table width.

To make a table for the UR Subsite Secondary Region Template 2-7-3 layout, use the table code below, but change the table width to 546 pixels.

You can either work with the table in Source within UMContent or you may want to copy and paste the code into a Dreamweaver document to manipulate the table.

Remember to always include the <p>&nbsp;</p> at the end of the table, after the </table> tag.

To see this table style in use, visit any of the Workshop pages.

Row One

Row One

Row One

Row One


Row Two

Row Two

Row Two

Row Two


Row Three

Row Three

Row Three

Row Three

 

<table width="466" cellspacing="5" cellpadding="2" border="0">
  <tbody>
    <tr valign="top" bgcolor="#eaeaea">
      <td><p>Row One</p></td>
      <td><p>Row One</p></td>
      <td><p>Row One</p></td>
      <td><p>Row One</p></td>
    </tr>
    <tr valign="top">
      <td colspan="5"><hr size="1" noshade="noshade" align="center" /></td>
    </tr>
    <tr valign="top" bgcolor="#eaeaea">
      <td><p>Row Two</p></td>
      <td><p>Row Two</p></td>
      <td><p>Row Two</p></td>
      <td><p>Row Two</p></td>
    </tr>
    <tr valign="top">
      <td colspan="5"><hr size="1" noshade="noshade" align="center" /></td>
    </tr>
    <tr valign="top" bgcolor="#eaeaea">
      <td><p>Row Three</p></td>
      <td><p>Row Three</p></td>
      <td><p>Row Three</p></td>
      <td><p>Row Three</p></td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>

A Note About Tables

This table is a temporary solution.

Unless we have tabular data, we should be using CSS to style a table.

Our needs are moving faster than the time we have to code everything perfectly, so any tables we make using the code below will have to be changed once we have the CSS in place.