In my Contact Form, the Text Area right border doesn't appear. Can you help me figure out why? Thanks <html> <head> <title></title> </head> <body> <br /> <div class="container10"> <br /> <table cellpadding="0" cellspacing="0" align="center" width="600"> <tr> <td> <form action="/page.php?page=15" method="post" name="contact_us" onSubmit="return capCheck(this);"> <table cellpadding="5" width="100%"> <tr> <td width="10" class="required_field">*</td> <td width="80">Your Name</td> <td> <input type="text" name="name" maxlength="50" style="width:300px" /><br/><br/></td> </tr> <tr> <td class="required_field">*</td> <td>Email Address</td> <td> <input type="text" name="email" maxlength="40" style="width:300px" /><br/><br/></td> </tr> <tr> <td></td> <td>Subject:</td> <td> <input type="text" name="subject" maxlength="40" style="width:300px" /><br/><br/></td> </tr> <tr> <td></td> <td>Comments:</td> <td> <textarea name="comments" style="width: 100%; height: 250px"></textarea><br/><br/></td> </tr> <tr> <td class="required_field">*</td> <td>Enter Image Code:</td> <td> <input type="text" value="" name="captext" style="width: 100px" maxlength="6" /></td> </tr> <tr> <td></td> <td><a onclick="refresh_security_image(); return false;" style="cursor:pointer;"><u>Refresh Image</u></a></td> <td> <img src="includes/captcha.php" border="0" id="verificiation_image" /></a></td> </tr> </table> <br/> <br/> <p> <input type="hidden" name="submited" value="1" /> <input type="submit" name="submit" value="Submit" /> </p> </form> </td> </tr> </table> <script type="text/javascript"> <!-- function refresh_security_image() { var new_url = new String("[var.base_url]/includes/captcha.php?width=132&height=36&charcators="); new_url = new_url.substr(0, new_url.indexOf("width=") + 37); // we need a random new url so this refreshes var chr_str = "123456"; for(var i=0; i < 6; i++) new_url = new_url + chr_str.substr(Math.floor(Math.random() * 2), 1); document.getElementById("verificiation_image").src = new_url; } --> </script> <!-- captch start --> <script type="text/javascript" id="clientEventHandlersJS" language="javascript"> <!-- function capCheck(theForm) { var xmlhttp; var sReply; DataToSend = "action=process&captext=" + escape(theForm.captext.value); if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); xmlhttp.open("POST",'includes/process.php',false); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send(DataToSend); sReply = xmlhttp.responseText; } else if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("POST",'includes/process.php',false); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send(DataToSend); sReply = xmlhttp.responseText; } if (sReply == "good") { return true; } else if (sReply == "bad") { alert("Security code not valid, please try again"); return false; } else if (sReply == "") { alert("You must enter the security code"); return false; } else { alert("Error"); return false; } } --> </script> <!-- captch end --> <br /> </div> </div> </body> </html> Code (markup):
Change <textarea name="comments" style="width: 100%; height: 250px"></textarea> to <textarea name="comments" style="width: 100%; height: 250px; border: 1px solid #000;"></textarea> - V
Thanks for that suggestion, but the right vertical border still doesn't appear. Any other suggestions?