4 Replies Latest reply on Apr 30, 2010 8:17 AM by mshef534

    lock table cell size

    mshef534 Level 1

      Hello,

       

      I am creating a web form and want everything to line up.  I am looking on how I can lock a table cell size.  I simply clicked on the <td> selector and typed 70 in the Width, but it readjusts.

       

      Thank you.

        • 1. Re: lock table cell size
          mshef534 Level 1

          It might help to show you my page...

           

          http://www.blackoakcasinoclubsignup.com/landing.aspx

          • 2. Re: lock table cell size
            hans-g. Adobe Community Professional & MVP

            Hi,

             

            what do you think about that, so your cells are large enough:

             

            dr.jpg

             

            Hans-G.

            • 3. Re: lock table cell size
              mshef534 Level 1

              Hi Hans,

               

              That looks good.  How exactly did you do that.  I did find a way to make it look better but still not perfect.

               

              thanks,

              melanie

              • 4. Re: lock table cell size
                hans-g. Adobe Community Professional & MVP

                Hi melanie,

                 

                here the whole 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">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>Black Oak Sign Up</title>
                <!-- Link to the style sheet -->
                <link href="style.css" rel="stylesheet" type="text/css" />
                <style type="text/css">
                <!--
                #wrapper {
                background-image: url(images/GurlBOC.gif);
                background-repeat: no-repeat;
                margin-top: 0px;
                margin-right: auto;
                margin-bottom: 0px;
                margin-left: auto;
                height: 600px;
                width: 800px;
                position: relative;
                }
                #body {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 12px;
                position: relative;
                height: 300px;
                width: 525px;
                padding-top: 330px;
                margin-right: auto;
                margin-bottom: 0px;
                margin-left: auto;
                float: none;
                border-top-color: #FFF;
                border-right-color: #FFF;
                border-bottom-color: #FFF;
                border-left-color: #FFF;
                }
                -->
                </style>
                <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
                <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
                </head>

                <body bgcolor="#c8cacb" marginheight="0" marginwidth="0">
                <div id="wrapper">
                  <div id="body">
                    <form id="form1" name='form1' method='POST' action="">
                      <table width="500" border="0" cellpadding="0">
                        <tr>
                          <td width="20%">First*</td>
                          <td align="left"><span id="sprytextfield1">
                            <input type="text" name="FirstNAME" id="FirstNAME" />
                          <span class="textfieldRequiredMsg"></span></span></td>
                        </tr>
                      </table>
                      <table width="500" border="0" cellpadding="0">
                        <tr>
                          <td width="20%">Last*</td>
                          <td align="left"><span id="sprytextfield2">
                            <input type="text" name="LastADD1" id="LastADD1" />
                          <span class="textfieldRequiredMsg"></span></span></td>
                        </tr>
                      </table>
                      <table width="500" border="0" cellpadding="0">
                        <tr>
                          <td width="20%">Steet 1*</td>
                          <td width="235" align="left"><span id="sprytextfield3">
                            <input name="STEET1" type="text" id="STEET1" size="35" />
                          </span></td>
                          <td width="109" align="right">Street 2 </td>
                          <td width="49" align="right"><div align="center">
                            <input name="Steet2ADD2" type="text" id="Steet2ADD2" size="5" />
                          </div></td>
                        </tr>
                      </table>
                      <table width="500" border="0" cellpadding="0">
                        <tr>
                          <td width="20%">City*</td>
                          <td width="151" align="left"><span id="sprytextfield4">
                            <input type="text" name="city" id="city" />
                          </span></td>
                          <td width="41" align="right">ST*</td>
                          <td width="37"><span id="sprytextfield5">
                            <input name="state" type="text" id="state" size="2" maxlength="2" />
                            <span class="textfieldRequiredMsg"></span></span></td>
                          <td width="111" align="right">Zip*</td>
                          <td width="49" align="right"><div align="center"><span id="sprytextfield6">
                            <input name="zip" type="text" id="zip" size="5" maxlength="5" />
                          </span></div></td>
                        </tr>
                      </table>
                      <table width="500" border="0" cellpadding="0">
                        <tr>
                          <td width="20%">Email*</td>
                          <td align="left"><span id="sprytextfield7">
                            <input name="email" type="text" id="email" size="35" />
                          </span></td>
                        </tr>
                      </table>
                      <table width="500" border="0" cellpadding="0">
                        <tr>
                          <td width="20%">Birthday*</td>
                          <td align="left"><span id="sprytextfield8">
                            <input name="DayBirth" type="text" id="DayBirth" maxlength="10" />
                          </span></td>
                        </tr>
                      </table>
                      <p>* A value is required</p>
                    </form>
                  </div>
                </div>
                <script type="text/javascript">
                <!--
                var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
                var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
                var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
                var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
                var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
                var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
                var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
                var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8");
                //-->
                </script>
                </body>
                </html>

                 

                 

                HCH,

                Hans-G.

                 

                updated: hans-g.