3 Replies Latest reply on Dec 26, 2010 7:07 AM by MurraySummers

    In Line CSS With Forms

    hpg1 Level 1

      I was hoping someone might be able to help me with some in-line CSS code which I am really a novice at.  I have inserted a form into a page.  The form contains a table for alignment of the text in the form.  I would like to put 150px padding to the left of the form (table) so that it is indented on the page without affecting other tables on the site.

       

      Thanks for any help!

       

      Howard

       

      Here is the source code:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/maintemplate.dwt" codeOutsideHTMLIsLocked="false" -->
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <!-- InstanceBeginEditable name="doctitle" -->
      <title>Comments</title>
      <!-- InstanceEndEditable -->
      <!-- InstanceBeginEditable name="head" -->
      <meta name="robots" content="index, follow" />
      <!-- InstanceEndEditable -->
      <link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
      <link href="favicon.ico" rel="shortcut icon" />
      </head>

       

      <body>

       

      <div class="container">
        <div class="header">
          <h1><img src="Images/headerlogo/headerlogo.png" width="515" height="41" alt="Howard Grill Fine Art Photography" /><br />
            &quot;
            Seeing Things In A Different Light&quot;<br />
          </h1>
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="index.html">Home</a>      </li>
            <li><a href="portfolios.html" class="MenuBarItemSubmenu">Portfolios</a>
              <ul>
                <li><a href="landscapes.html">Landscapes</a>          </li>
                <li><a href="pittsburghparks.html">Pittsburgh Parks</a></li>
                <li><a href="sceneinstone.html">Scene In Stone</a></li>
                <li><a href="dreamscapes.html">Dreamscapes</a></li>
                <li><a href="urban.html">Urban Architecture</a></li>
                <li><a href="botanicals.html">Botanicals</a></li>
                <li><a href="oddsnends.html">Odds 'N Ends</a></li>
              </ul>
            </li>
            <li><a href="#">Blog</a>      </li>
            <li><a href="articles.html">Articles</a></li>
            <li><a href="purchase.html" class="MenuBarItemSubmenu">Purchase</a>
              <ul>
                <li><a href="purchaseprints.html">Prints</a></li>
                <li><a href="purchasefolios.html">Folios</a></li>
                <li><a href="purchasenotecards.html">Note Cards</a></li>
              </ul>
            </li>
            <li><a href="about.html" class="MenuBarItemSubmenu">About</a>
              <ul>
                <li><a href="bio.html">Bio</a></li>
                <li><a href="contact.html">Contact</a></li>
      <li><a href="#">Mailing List</a></li>
                <li><a href="#">Website</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <!-- end .header -->
        <div class="clear"></div>
        <!-- InstanceBeginEditable name="MainContent" -->
        <div class="content">
          <h1>Contact Howard</h1>
          <p><img src="Images/contactimages/howard2.jpg" alt="Howard Photographing In The Field" width="250" height="224" class="fltrt" />Time is a valuable commodity. I therefore appreciate you taking some of yours to visit my website and look at my photographs.</p>
          <p>If you haven't already done so, you might also be interested in downloading and reading some of my <a href="articles.html" title="Articles About Photography">.pdf publications</a> at your leisure. </p>
          <p>If you have any questions about my photographs or are inclined to make any comments about  the images or information on this website (or even about the website itself).....I would love to hear from you. I try to respond to all comments submitted with an e-mail address, but comments can also be made anonymously.</p>
          <p> </p>
          <p> </p>
              <p><img src="Images/contactimages/howard1.jpg" alt="Howard With Camera" width="350" height="228" class="fltlft" />There are several ways to reach me:</p>
          <p>E-mail: <a href="mailto:howard@howardgrill.com">howard@howardgrill.com</a></p>
          <p>The comment form on the bottom of this page.</p>
          <p>Phone: 412-721-3539.</p>
          <p>On Facebook using <a href="http://www.facebook.com/pages/Howard-Grill-Photography/10150123820420232" title="Howard Grill Photography Facebook Page" target="_new">this link</a>.</p>
          <p>You can sign up for my mailing list <a href="mailinglist.html" title="Sign Up For Howard's Mailing List">here.</a></p>
          <p> </p>
      <p>Comments can be made by either <a href="mailto:howard@howardgrill.com">e-mailing me</a> or by using the comment form below.</p>
          <p> </p>
          <form id="commentsform" name="commentsform" method="post" action="">
            <table width="793">
              <tr>
                <td width="433"><label for="firstname">First Name (Optional):</label></td>
                <td width="348"><input name="firstname" type="text" id="firstname" size="25" /></td>
              </tr>
              <tr>
                <td><label for="lastname">Last Name (Optional):</label></td>
                <td>
                <input name="lastname" type="text" id="lastname" size="25" /></td>
              </tr>
              <tr>
                <td><label for="email">E-Mail (Optional):</label></td>
                <td>
                <input name="email" type="text" id="email" size="25" /></td>
              </tr>
              <tr>
                <td height="109"><label for="comment">Comment:</label></td>
                <td>
                <textarea name="comment" id="comment" cols="45" rows="5"></textarea></td>
              </tr>
            </table>
          </form>
          <p> </p>
      </div>
        <!-- InstanceEndEditable -->
        <div class="footer"> © 2011 Howard Grill | All Rights Reserved <span class="footertextright"><a href="index.html" title="Howard Grill Photography Home Page">Home</a> | <a href="contact.html" title="Contact Howard Grill ">Contact</a><!-- end .footer --> | <a href="sitemap.html" title="Site Map">Site Map</a></span></div>
        <!-- end .container --></div>
      <script type="text/javascript">
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
      </script>
      </body>
      <!-- InstanceEnd --></html>