Guys help me to improve this website code and design as well for a website. I am not that good a html and xhtml and i want to know what's more functional in terms of building websites.. i want the code to look more like in the picture sample I have give you below plus your outputs guys give some ideas on how this design could be more appealing and look more standard and unique as well, " pretty" sample: http://img31.imageshack.us/img31/886/shoereviewpagedesign1.gif Code: <table width="100%" border="0" cellspacing="0" cellpadding="0" class="reviewdetails"><td colspan="3" class="reviewdetails"><table><td height="133" rowspan="4" colspan="2"><table width="470" height="29"><td width="281" height="23">Suggestions, Rating and Review:</td> <td width="177" style="font-size:12px;">Nike air Jordan</td> </table></td><td height="3"></td><tr><td height="3"></td></tr> <tr><td width="165" height="15" style="padding-left:6px;">Rating:</td> <td style="padding-left:6px; position:relative; top:23px;" colspan="4"> ----- </td> </tr> <tr><td height="21" style="padding-left:6px;">Price:</td> <td style="padding-left:2px;" colspan="4">$70.90</td> </tr><td width="227" height="21" colspan="1"> </td> <td colspan="4"><tr><td style="border:2px solid;" colspan="2">Healthy suggestions</td> <td colspan="4" style="border:2px solid;"><table width="64%"><td width="5%" style="padding-left:6px;">Rate:</td> <td width="40%" style="font-size:12px;"> Nike air Jordan</td></table></td> </tr> <td height="48" rowspan="2"> </td> <td height="48" rowspan="2"> </td><td height="23"> </td><td height="23"> </td><td height="23"> </td> <tr><td width="165"> </td> <td width="144"> </td> <td width="44"> </td> </tr> <tr> <td rowspan="4">Description of Comfort level:</td><td width="241" colspan="1" rowspan="4"> <form id="form1" name="form1" method="post" action=""> <textarea name="strength level" id="strength level" cols="25" rows="5"></textarea> </form> </td> <td width="165" height="66">Rate:</td> <td width="144">-------</td> <td width="44"> </td> </tr> <td height="49" colspan="3" style="border:2px solid ;">Seasoning Suggestions:</td><tr><td width="165" height="26"> </td> <td width="144"> </td> </tr> <tr> <td width="165" height="50">Describre your like about the shoe:</td><td rowspan="2"><form id="form3" name="form3" method="post" action=""> <label for="taste averal"></label> <textarea name="taste averal" id="taste averal" cols="20" rows="5"></textarea> </form> </td><td> </td></tr> <tr><td height="21" rowspan="2">Description of energy level:</td> <td rowspan="2"> <form id="form2" name="form2" method="post" action=""> <textarea name="energy level" id="energy level" cols="25" rows="5"></textarea> </form> </td><td rowspan="1"> </td><td height="45"> </td> <td width="68" height="45"> </tr> <tr> <td>Shoes Resistance:</td> <td rowspan="2"><form id="form4" name="form4" method="post" action=""> <label for="level of satl"></label> <textarea name="level of satl" id="level of satl" cols="20" rows="5"></textarea> </form> </td> <tr><td width="227"> </td> <td width="241"> </td> <td width="165"> </td> </tr><td colspan="6"> </td> <tr> <td width="227" height="45">How does it make you feel:</td> <td width="241"><table><td width="97"><form id="form5" name="form5" method="post" action=""> <input name="textfield" type="text" id="textfield" size="10" /> </form> </td> <td width="91"><form id="form6" name="form6" method="post" action=""> <label for="time"></label> <input name="time" type="text" id="time" size="12" /> </form> </td></table></td> <td width="165">Do you regret buying the shoes:</td> <td width="144"><form id="form9" name="form9" method="post" action=""> <label for="Vinager level"></label> <input type="text" name="Vinager level" id="Vinager level" /> </form> </td> <td width="44"> </td> </tr> <tr><td width="227"> </td> <td width="241"> </td> <td width="165"> </td> <td width="144"> </td> </tr> <tr> <td width="227">What's the purpose you use it for:</td> <td width="241"><form id="form7" name="form7" method="post" action=""> <label for="time"></label> <input name="time" type="text" id="time" size="12" /> </form></td> <td width="165">Describe shoes materials:</td> <td width="144"><form id="form11" name="form11" method="post" action=""> <label for="appearance"></label> <input type="text" name="appearance" id="appearance" /> </form> </td> </tr> <tr><td width="227"> </td> <td width="241"> </td> <td width="165"> </td> <td width="144"> </td> </tr> <td width="227" height="81">How long have you used:</td> <td width="241"><table><td width="97"><form id="form8" name="form8" method="post" action=""> <input name="textfield" type="text" id="textfield" size="10" /> </form> </td> <td width="91"><form id="form10" name="form10" method="post" action=""> <label for="time"></label> <input name="time" type="text" id="time" size="12" /> </form> </td></table></td> <td width="165">Appearance:</td> <td width="144"><textarea name="seasoning level" cols="20" rows="4"></textarea></td> <td width="44"> </td> </tr> <tr><td width="227"> </td> <td width="241"> </td> <td width="165"> </td> <td width="144"> </td> </tr> <tr><td width="227"> </td> <td width="241"> </td> <td width="165">Critic Shape and Form:</td> <td width="144"><form id="form12" name="form12" method="post" action=""> <label for="flavor"></label> <textarea name="flavor" id="flavor" cols="20" rows="5"></textarea> </form> </td> </tr> <tr><td width="227" style="border:2px solid ;">Cons and Pros Reviews:</td> <td width="241"> </td> <td width="165"> </td> <td width="144"> </td> </tr> <td colspan="4"> </td> <tr> </tr> <td height="35" colspan="4"> </td> <tr> <td height="171"><table width="228" height="61"><td width="161" height="21" > </td> <td width="32">Pros:</td> <td width="19"> </td> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> </table></td> <td colspan="3"><textarea name="Pros" cols="65" rows="7"></textarea></td></tr> <tr> <td><table width="228" height="61"><td width="161" height="21" > </td> <td width="32">Cons:</td> <td width="19"> </td> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td></tr> </table></td> <td colspan="3"><textarea name="Cons" cols="65" rows="7"></textarea></td></tr> </table> HTML: Thank you guys
Perhaps you can add a box for "which pants/outfit do you recommend wearing with these shoes?" About the design, it would be good to see it online, do you have a mockup somewhere online?