Tables Assignment: Canterbury Tourism Development

My first assignment at Vision College was to create basic tables website using mostly inline styles instead of an external stylesheet although I ended up using a very basic external css for elements such as the headers and links. The brief revolved around creating a site for Canterbury Tourism. We were provided with some images and graphics but I designed my own header and Canterbury map.

Canterbury Tourism Development header

To get the look I wanted I needed to nest tables within tables, especially for the top navigation.

  
  
<!-- Navigation -->
<tr>
    <td colspan="2" style="text-align:center; padding:0">
        <table style="border-collapse:collapse">
            <tr>
                <td style="width:156px; background-color:#024A68; padding:0; border:2px white solid">
                </td>
                <td style="width:156px; background-color:#0772A1; padding:5px; border:2px white solid">
                    <a href="index.html">Home</a>
                </td>

  

It actually can be pretty handy be able to put together a good tables design as I discovered later on when creating marketing emails for List Sell Trade. Tables with inline styles are still the best way to get a consistent design (or as close to it as possible!) accross all different email clients as div tags are not supported by many email clients.