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.
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.