Why does the table not maintain the same look from the editor view to the live view
Here is the code. I have three columns in the editor but items slide around when it is live.
<table width="100%" border="1" cellspacing="1" cellpadding="1"> <tbody> <tr> <td width="30%" valign="top"><font size="2"><font color="#990000">Additional Web Resources</font> </font> </td> <td width="10%" valign="top"> <p align="center"><a href="http://moodle.hcsb.k12.fl.us/pms/file.php/7/Looking_for_Pythagoras/Investigation_3_The_Pythagorean_Theorem/Pythagorean_Theorem_Song.docx"><font size="2">Words to Pythagorean Theorem Song</font></a></p> </td> <td width="60%" valign="top"> <a href="http://moodle.hcsb.k12.fl.us/pms/file.php/7/Looking_for_Pythagoras/Investigation_3_The_Pythagorean_Theorem/Pythagoras_Theorem_Song.wmv">video </a> </td> </tr> <tr> <td width="30%" valign="top"> </td> <td width="10%" valign="top"> <p align="center"><a title="Rap" href="http://moodle.hcsb.k12.fl.us/pms/file.php/7/Looking_for_Pythagoras/Investigation_3_The_Pythagorean_Theorem/Pythagorean_Theorem_Rap.pdf"><font size="2">Words to Pythagorean Rap</font></a></p> </td> <td width="60%" valign="top"> </td> </tr> <tr> <td width="30%" valign="top"> </td> <td width="10%" valign="top"> </td> <td width="60%" valign="top"> <p></p> </td> </tr> <tr> <td width="30%" valign="top"> </td> <td width="10%" valign="top"> </td> <td width="60%" valign="top"> </td> </tr></tbody> </table>