Trying to place image...

Started by sdg812, February 01, 2012, 05:23:54 PM

sdg812

Trying to move image to the right of a form. Tried everything I can think of.
Thanks for any help one might have.

Webhelpforums

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"
TechSEO360 | MicrosysTools.com  | A1 Sitemap Generator, A1 Website Analyzer etc.

sdg812

#2
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>

sdg812

I figured it out!

Thanks for your help!

james365

nice thanks for sharing a useful information