PDA

View Full Version : Feedback Forms, implementing, Custom Buttons, invisble tables and Error Pages



Scorchgid
Mar 9th, 2010, 01:49 PM
Hey okay I have a few small problems with my feedback form which I hope if you awesome guys can help me solve I am using CS4 Dreamweaver.

First is the white background, I would like to make my form invisible to those that see it, as i have my own background for the site, Iíve tried changing the colour to white, or by deleting it, but it doesnít seem to be working.

The second is a button. I want to change it from the text box the used to a rollover image, which I have stored, does anyone know the code for this, as this submit buttonís code is confusing me


<tr><td colspan="2"><input name="submit" type="submit" style="background-color: #CCCCCC; font-family: Verdana; font-size: 16px; color: #0077FF; border-bottom:2px solid #00FF00; border-right:2px solid #00FF00; border-top:2px solid #00FF00; border-left:2px solid #00FF00" value="Submit" />

The third is wanted to add an actual page where it shows when the user has made an error. Instead of their automated error, I have a page set up and I wish to link it, I also have a back button on that page, at the moment it links back to my feedback page.
Bellow is the code that I have used, if you could make or tell my any changes I need to make I would really appreciate it

Many Thanks

Scorchgid


<!-- Begin myContactForm.com Form HTML -->
<form name="contactForm" method="post" action="http://www.mycontactform.com/sendform/sendform.php">
<input name="user" type="hidden" id="user" value="scorchgid" /><input name="formid" type="hidden" id="formid" value="275959" /><input name="subject" type="hidden" id="subject" value="My Fellow Eu Feedback" />
<table width="500" style="border: 0px solid #000000; margin: 0; padding: 0; background-color: #FFFFFF;"><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Verdana">Name:<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Verdana"><input name="q[1]" type="text" value="" size="30" maxlength="40" style="font-family: Verdana; font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; vertical-align: middle; padding-left: 4px;" /></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Verdana"> E-mail Address:<font color="#FF0000"> *</font></font></td><td><input name="email" type="text" id="email" size="20" maxlength="100" style="font-family: Verdana; font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; vertical-align: middle; padding-left: 4px;" /></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Verdana">School:</font></td><td><font color="#000000" size="2" face="Verdana"><input name="q[2]" type="text" value="" size="30" maxlength="30" style="font-family: Verdana; font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; vertical-align: middle; padding-left: 4px;" /></font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Verdana">School Year:<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Verdana"><select name="q[3]" style="font-family: Verdana; font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; vertical-align: middle; padding-left: 4px;"><option value="Year 1">Year 1</option><option value="Year 2">Year 2</option><option value="Year 3">Year 3</option><option value="Year 4">Year 4</option><option value="Year 5">Year 5</option><option value="Year 6">Year 6</option><option value="Year 7">Year 7</option><option value="Year 8">Year 8</option><option value="Year 9">Year 9</option><option value="Year 10">Year 10</option><option value="Year 11">Year 11</option><option value="Year 12">Year 12</option><option value="Year 13">Year 13</option><option value="Not in School">Not in School</option></select></font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Verdana">How did you hear about or find My Fellow Europeans?<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Verdana"><input type="radio" name="q[4]" value="From a teacher/school" />From a teacher/school<br /><input type="radio" name="q[4]" value="From family" />From family<br /><input type="radio" name="q[4]" value="From friends" />From friends<br /><input type="radio" name="q[4]" value="Found it through another website" />Found it through another website<br /><input type="radio" name="q[4]" value="Through a search engine (Google)" />Through a search engine (Google)<br /><input type="radio" name="q[4]" value="Other" />Other</font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Verdana">What did you like about our website? (Please tick any that apply)</font></td><td><font color="#000000" size="2" face="Verdana"><input name="q[5]" type="hidden" value="checkbox275959" /><input name="checkbox5[]" type="checkbox" value="The foods" />The foods<br /><input name="checkbox5[]" type="checkbox" value="The information" />The information<br /><input name="checkbox5[]" type="checkbox" value="The activities" />The activities<br /><input name="checkbox5[]" type="checkbox" value="The competitions" />The competitions</font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Verdana">Was it easy to use the site?<font color="#FF0000"> *</font></font></td><td><font color="#000000" size="2" face="Verdana"><input type="radio" name="q[6]" value="I found it very easy to use the site" />I found it very easy to use the site<br /><input type="radio" name="q[6]" value="I found it easy to use the site" />I found it easy to use the site<br /><input type="radio" name="q[6]" value="I found that I was able to mange using the site" />I found that I was able to mange using the site<br /><input type="radio" name="q[6]" value="I found it quite tricky to use the site" />I found it quite tricky to use the site<br /><input type="radio" name="q[6]" value="I found it very hard to use the site" />I found it very hard to use the site</font></td></tr><tr bgcolor="#FFFFFF"><td><font color="#000000" size="2" face="Verdana">Do you think that anything could be done to make the site better?</font></td><td><font color="#000000" size="2" face="Verdana"><textarea name="q[7]" cols="30" rows="4" style="font-family: Verdana; font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; vertical-align: middle; padding-left: 4px;"></textarea></font></td></tr><tr bgcolor="#EFEFEF"><td><font color="#000000" size="2" face="Verdana">In one sentence describe how you feel about the site:</font></td><td><font color="#000000" size="2" face="Verdana"><input name="q[8]" type="text" value="" size="30" maxlength="" style="font-family: Verdana; font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 1px solid #000000; vertical-align: middle; padding-left: 4px;" /></font></td></tr><tr><td colspan="2"><hr size="1" /></td></tr>
<tr><td colspan="2"><input name="submit" type="submit" style="background-color: #CCCCCC; font-family: Verdana; font-size: 16px; color: #0077FF; border-bottom:2px solid #00FF00; border-right:2px solid #00FF00; border-top:2px solid #00FF00; border-left:2px solid #00FF00" value="Submit" /> <input name="reset" type="reset" style="background-color: #CCCCCC; font-family: Verdana; font-size: 16px; color: #0077FF; border-bottom:2px solid #00FF00; border-right:2px solid #00FF00; border-top:2px solid #00FF00; border-left:2px solid #00FF00" value="Clear Fields" /> </td></tr>
<tr><td><font color="#FF0000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>*</b></font> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">Required</font></td><td align="right"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="http://www.mycontactform.com">Create Contact Forms</a></strong></font></td></tr>
</table></td></tr></table></form>
<!-- End myContactForm.com Form HTML -->

JordanW
Mar 9th, 2010, 03:32 PM
Question 1)
To make a table transparent and not white, you need to specify in CSS that you require transparent TRs and TDs so paste the following code at the top of your page in the <HEAD> tag:

<style type="text/css">
/*Transparent Tables*/
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
background-color:transparent;
</style>

Question 2)


<input name="submit" type="image" src="IMAGE URL" onmouseover="this.src='ROLLOVER IMAGE URL'" onmouseout="this.src='IMAGE URL'" />