Well i just designed this site in photoshop put it into html im trying to put text under contacts in the blue box on this page here. but also i want someone to review this site and give me some feed back what can do to improve some of the design and setup of it. thanks.
You can put text in that box: The full code is <html> <head> <title>J's Alarms & Car Audio |Contacts|</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 { font-family: "Times New Roman", Times, serif; font-size: 12px; color: #999999; } a:link { color: #999999; text-decoration: none; } a:visited { text-decoration: none; color: #FF0000; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .style2 {font-family: "Times New Roman", Times, serif} --> </style> </head> <body bgcolor="#727272" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (mainsecondary.psd) --> <center><table id="Table_01" width="864" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/main2_01.gif" width="14" height="10" alt=""></td> <td colspan="6"> <img src="images/main2_02.gif" width="228" height="10" alt=""></td> <td colspan="8"> <img src="images/main2_03.gif" width="533" height="10" alt=""></td> <td colspan="3"> <img src="images/main2_04.gif" width="80" height="10" alt=""></td> <td> <img src="images/main2_05.gif" width="8" height="10" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="10" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/main2_06.gif" width="14" height="94" alt=""></td> <td colspan="6"> <img src="images/main2_07.gif" width="228" height="8" alt=""></td> <td colspan="8"> <img src="images/main2_08.gif" width="533" height="8" alt=""></td> <td colspan="3"> <img src="images/main2_09.gif" width="80" height="8" alt=""></td> <td rowspan="2"> <img src="images/main2_10.gif" width="8" height="94" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="8" alt=""></td> </tr> <tr> <td colspan="16"> <img src="images/main2_11.gif" width="836" height="86" alt=""></td> <td> <img src="images/main2_12.gif" width="5" height="86" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="86" alt=""></td> </tr> <tr> <td rowspan="16"> <img src="images/main2_13.gif" width="14" height="234" alt=""></td> <td colspan="2" rowspan="16"> <img src="images/main2_14.gif" width="36" height="234" alt=""></td> <td rowspan="2"> <a href="index.html"><img src="images/main2_15.gif" alt="" width="132" height="23" border="0"></a></td> <td colspan="3" rowspan="16"> <img src="images/main2_16.gif" width="60" height="234" alt=""></td> <td colspan="8"> <img src="images/main2_17.gif" width="533" height="12" alt=""></td> <td colspan="3"> <img src="images/main2_18.gif" width="80" height="12" alt=""></td> <td rowspan="16"> <img src="images/main2_19.gif" width="8" height="234" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td rowspan="15"> <img src="images/main2_20.gif" width="4" height="222" alt=""></td> <td colspan="8" rowspan="13"> <img src="images/main2_21.gif" width="592" height="211" alt=""></td> <td colspan="2" rowspan="15"> <img src="images/main2_22.gif" width="17" height="222" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="11" alt=""></td> </tr> <tr> <td> <img src="images/main2_23.gif" width="132" height="16" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td> <a href="Services.html"><img src="images/main2_24.gif" alt="" width="132" height="21" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="21" alt=""></td> </tr> <tr> <td> <img src="images/main2_25.gif" width="132" height="13" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="13" alt=""></td> </tr> <tr> <td> <a href="featrides.html"><img src="images/main2_26.gif" alt="" width="132" height="24" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="24" alt=""></td> </tr> <tr> <td> <img src="images/main2_27.gif" width="132" height="16" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td> <a href="http://localhost/jsalarms/catalog/"><img src="images/main2_28.gif" alt="" width="132" height="20" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="20" alt=""></td> </tr> <tr> <td> <img src="images/main2_29.gif" width="132" height="12" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td> <a href="ourteam.html"><img src="images/main2_30.gif" alt="" width="132" height="21" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="21" alt=""></td> </tr> <tr> <td> <img src="images/main2_31.gif" width="132" height="11" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="11" alt=""></td> </tr> <tr> <td> <a href="support.html"><img src="images/main2_32.gif" alt="" width="132" height="20" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="20" alt=""></td> </tr> <tr> <td> <img src="images/main2_33.gif" width="132" height="10" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="10" alt=""></td> </tr> <tr> <td rowspan="2"> <a href="contacts.html"><img src="images/main2_34.gif" alt="" width="132" height="23" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="7" rowspan="2"> <img src="images/main2_35.gif" width="529" height="11" alt=""></td> <td rowspan="2"> <img src="images/main2_36.gif" width="63" height="11" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="7" alt=""></td> </tr> <tr> <td> <img src="images/main2_37.gif" width="132" height="4" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="4" alt=""></td> </tr> <tr> <td rowspan="8"> <img src="images/main2_38.gif" width="14" height="380" alt=""></td> <td colspan="6"> <img src="images/main2_39.gif" width="228" height="16" alt=""></td> <td colspan="8"> <img src="images/main2_40.gif" width="533" height="16" alt=""></td> <td colspan="3" rowspan="8"> <img src="images/main2_41.gif" width="80" height="380" alt=""></td> <td rowspan="8"> <img src="images/main2_42.gif" width="8" height="380" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="16" alt=""></td> </tr> <tr> <td colspan="6" rowspan="2"> <img src="images/contacts1.gif" width="228" height="30" alt=""></td> <td colspan="2" rowspan="7"> <img src="images/main2_44.gif" width="20" height="364" alt=""></td> <td colspan="3"> <img src="images/contacts2.gif" width="111" height="24" alt=""></td> <td colspan="3" rowspan="2" bgcolor="#FFFFFF"> </td> <td> <img src="images/spacer.gif" width="1" height="24" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/main2_47.gif" width="111" height="6" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="6" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/main2_48.gif" width="13" height="319" alt=""></td> <td colspan="4" rowspan="2" bgcolor="#FFFFFF"> </td> <td rowspan="3"> <img src="images/main2_50.gif" width="13" height="324" alt=""></td> <td colspan="6"> <img src="images/main2_51.gif" width="513" height="3" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td colspan="6" rowspan="3" bgcolor="#FFFFFF"><form action="email.php" method="post"> <table width="513" border="0" cellspacing="2" cellpadding="0"> <tr> <td width="42%" class="bodytext style2">Your Full name:</td> <td width="58%"><input name="name" type="text" id="name" size="32"></td> </tr> <tr> <td class="bodytext style2">Email Address:</td> <td><input name="email" type="text" id="email" size="32"></td> </tr> <tr> <td class="bodytext">Comments:</td> <td><textarea name="comment" cols="45" rows="6" id="comment" class="bodytext"></textarea></td> </tr> <tr> <td class="bodytext"> </td> <td align="left" valign="top"><input type="submit" name="Submit" value="Send"></td> </tr> </table> </form>Â </td> <td> <img src="images/spacer.gif" width="1" height="316" alt=""></td> </tr> <tr> <td colspan="5"> <img src="images/main2_53.gif" width="215" height="5" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="5" alt=""></td> </tr> <tr> <td colspan="6" rowspan="2"> <img src="images/main2_54.gif" width="228" height="10" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="6" alt=""></td> </tr> <tr> <td colspan="6"> <img src="images/main2_55.gif" width="513" height="4" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="4" alt=""></td> </tr> <tr> <td rowspan="5"> <img src="images/main2_56.gif" width="14" height="64" alt=""></td> <td colspan="6"> <img src="images/main2_57.gif" width="228" height="11" alt=""></td> <td colspan="8"> <img src="images/main2_58.gif" width="533" height="11" alt=""></td> <td colspan="3" rowspan="5"> <img src="images/main2_59.gif" width="80" height="64" alt=""></td> <td rowspan="5"> <img src="images/main2_60.gif" width="8" height="64" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="11" alt=""></td> </tr> <tr> <td colspan="4" rowspan="4" bgcolor="#FFFFFF"> </td> <td colspan="9" bgcolor="#FFFFFF"><div align="center" class="style1"> <div align="center"><a href="index.html"> Home</a> | <a href="services.html">Services</a> | <a href="featrides.html">Featured Rides</a> | <a href="http://localhost/jsalarms/catalog/">Catalog</a> | <a href="ourteam.html">Our Team</a> | <a href="support.html">Support</a> | <a href="contacts.html">Contacts</a></div> </div></td> <td rowspan="4" bgcolor="#FFFFFF"> </td> <td> <img src="images/spacer.gif" width="1" height="17" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="images/main2_64.gif" width="45" height="36" alt=""></td> <td colspan="3" rowspan="3" bgcolor="#FFFFFF"> </td> <td colspan="3"> <img src="images/main2_66.gif" width="141" height="21" alt=""></td> <td rowspan="3" bgcolor="#FFFFFF"> </td> <td> <img src="images/spacer.gif" width="1" height="21" alt=""></td> </tr> <tr> <td> <img src="images/main2_68.gif" width="5" height="1" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/main2_69.jpg" width="136" height="15" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td> <img src="images/main2_70.gif" width="5" height="14" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="14" alt=""></td> </tr> <tr> <td> <img src="images/main2_71.gif" width="14" height="18" alt=""></td> <td colspan="6"> <img src="images/main2_72.gif" width="228" height="18" alt=""></td> <td colspan="8"> <img src="images/main2_73.gif" width="533" height="18" alt=""></td> <td colspan="3"> <img src="images/main2_74.gif" width="80" height="18" alt=""></td> <td> <img src="images/main2_75.gif" width="8" height="18" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="18" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="14" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="23" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="132" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="15" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="32" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="4" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="16" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="92" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="5" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="14" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="122" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="197" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="83" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="63" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="12" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="5" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="8" height="1" alt=""></td> <td></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Code (markup):
well it still doing the same thing whenever i enter text and it goes to the next like and leaves tables messing up my page.. is it something simple missing?
Find this part of your code: <tr> <td rowspan="2"> <img src="images/main2_48.gif" width="13" height="319" alt=""></td> <td colspan="4" rowspan="2" bgcolor="#FFFFFF" valign="top">This is some sample text here</td> <td rowspan="3"> <img src="images/main2_50.gif" width="13" height="324" alt=""></td> <td colspan="6"> <img src="images/main2_51.gif" width="513" height="3" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td colspan="6" rowspan="3" bgcolor="#FFFFFF"><form action="email.php" method="post"> <table width="513" border="0" cellspacing="2" cellpadding="0"> <tr> <td width="42%" class="bodytext style2">Your Full name:</td> <td width="58%"><input name="name" type="text" id="name" size="32"></td> </tr>[/b] Code (markup): This is the bit I altered: <td colspan="4" rowspan="2" bgcolor="#FFFFFF" valign="top">This is some sample text here</td>[/b] Code (markup):