Trying to move image to the right of a form. Tried everything I can think of.
Thanks for any help one might have.
(http://www.rcifab.com/image_move.jpg)
In old days you would have created 1) table 2) tr valign attribute = top 3) two td
However, nowadays, you should probably fcous on using CSS instead. You can try search on Google and similar with searches like "CSS replace table layout"
Thanks! I'll check it out.
Here's some code I got so far for this section, if interested. This is a script i found, and trying to integrate.
By the way, I've just started learning JavaScript and CSS:
I'm using Dreamweaver CS3, if this makes any difference. After reading some additional info from the suggestions you gave, I'll try creating a 3 column, and move the image into the 3rd column. Do you see a reason this would not work?
Thanks again for your time!
<p class="style41">Contact Form</p>
<form action="" name="myform" id="myform">
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="right">
First Name
</td>
<td>
<input type="text" name="FirstName" />
</td>
</tr>
<tr>
<td align="right">
Last Name
</td>
<td>
<input type="text" name="LastName" />
</td>
</tr>
<tr>
<td align="right">
EMail
</td>
<td>
<input type="text" name="Email" />
</td>
</tr>
<tr>
<td align="right">
Phone
</td>
<td>
<input type="text" name="Phone" />
</td>
</tr>
<tr>
<td align="right">Comments</td>
<td>
<textarea cols="20" rows="5" name="Address"></textarea>
</td>
</tr>
S
<tr>
<td align="right"></td>
<td>
<div id="myform_errorloc" class="error_strings">
</div>
</td>
</tr>
<tr>
<td align="right"></td>
<td>
<input type="submit" value="Submit" />
</td>
</tr>
</table>
<p align="right"><img src="/index.php/images/map.jpg" alt="Map" /></p>
</form><script language="JavaScript" type="text/javascript"
xml:space="preserve">
var frmvalidator = new Validator("myform");
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("FirstName","req","Please enter your First Name");
frmvalidator.addValidation("FirstName","maxlen=20", "Max length for FirstName is 20");
frmvalidator.addValidation("FirstName","alpha_s","Name can contain alphabetic chars only");
frmvalidator.addValidation("LastName","req","Please enter your Last Name");
frmvalidator.addValidation("LastName","maxlen=20","For LastName, Max length is 20");
frmvalidator.addValidation("Email","maxlen=50");
frmvalidator.addValidation("Email","req");
frmvalidator.addValidation("Email","email");
frmvalidator.addValidation("Phone","maxlen=50");
frmvalidator.addValidation("Phone","numeric");
frmvalidator.addValidation("Address","maxlen=50");
frmvalidator.addValidation("Country","dontselect=0");
function DoCustomValidation()
{
var frm = document.forms["myform"];
if(frm.FirstName.value == 'Error')
{
sfm_show_error_msg("Error, This form cannot be submitted!");
return false;
}
else
{
return true;
}
}
frmvalidator.setAddnlValidationFunction(DoCustomValidation);
</script>
I figured it out!
Thanks for your help!
nice thanks for sharing a useful information