With HTML5 we can no longer use a whole table as a link. Below is the table that used to work as a link.

<a href="http://tonebytone.com/index.php"> <table width="150"align="center"><tr><td bgcolor="red"width="30"height="50"></td> <td bgcolor="white"width="30"height="50"></td> <td bgcolor="blue"width="30"height="50"></td></tr></table></a>

We can now use only one cell as the link while surrounding it with other rows and cells. The trick here is to put a few text symbols inside the cell that are the same color as the cell's background color. Here I used the percent and the ampersand symbols - %&% - to fill up the cell so the cursor will show that this is a link.

<table align="center" width="150"><tr><td bgcolor="red"width="50"height="50"></td> <td bgcolor="white"width="50"height="50"></td> <td bgcolor="blue"width="50"height="50"></td></tr> <tr><td bgcolor="red"width="50"height="50"></td> <td bgcolor="black"width="50"height="50"> <a href="http://tonebytone.com/index.ph"><font color="black">%&%</font></a></td></a> <td bgcolor="blue"width="50"height="50"></td></tr> <tr><td bgcolor="red"width="50"height="50"></td> <td bgcolor="white"width="50"height="50"></td> <td bgcolor="blue"width="50"height="50"></td></tr></table>

Flo's Table Playground

Visit these other Tutorials by Flo

Monday 14th of October 2024 02:30:29 AM



by

~~~

Arbor Hosting