Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    6
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Merge row in table

    Hi there

    Can someone please help me with my table

    I would like to merge the bottom line of the table (ie the "Request quote" button.) I would like to have that button exactly center of the box


    Code:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title></title>
    </head>
    <body id="quote">
    <table  border="1" width="743" height="1">
      <tr>
        <td width="735" height="1">
      </tr>
      <tr>
        <td height="1"><form method="POST" name="Quote_Form1" action="quote.php" onsubmit="return Quote_Form1_Validator(this)" language="JavaScript">
            <table width="706" cellpadding="2" cellspacing="2">
              <tr>
                <td height="1" width="311"></td>
                <td height="1" width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311" align="left"><h6>Your details</h6></td>
                <td width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311"></td>
                <td width="379">&nbsp;</td>
              </tr>
              <tr>
                <td align="right" width="311">Your Name <font color="#ff8d0f">*</font></td>
                <td align="left" width="379">&nbsp;
                  <input maxLength="80" size="40" name="name">
                </td>
              </tr>
              <tr>
                <td align="right" width="311">Your Email Address <font color="#ff8d0f">*</font></td>
                <td align="left" width="379">&nbsp;
                  <input maxLength="80" size="40" name="email">
                </td>
              </tr>
              <tr>
                <td width="311"></td>
                <td width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311" align="left"><h6>Device details</h6></td>
                <td width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311"></td>
                <td width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311" align="right">Please select the required quote/job <font color="#ff8d0f">*</font></td>
                <td width="379" align="left"><input type="radio" onclick="document.getElementById('unlock1').disabled=(this.checked)?0:1; document.getElementById('unlock2').disabled=(this.checked)?0:1;
    document.getElementById('unlock3').disabled=(this.checked)?0:1;
    document.getElementById('make').disabled=(this.checked)?0:1;
    document.getElementById('model').disabled=(this.checked)?0:1" name="group1" value="Unlocking" checked>
                  Phone Unlock<br />
                  <input type="radio" onclick="document.getElementById('unlock1').disabled=(this.checked)?1:0; document.getElementById('unlock2').disabled=(this.checked)?1:0; document.getElementById('unlock3').disabled=(this.checked)?1:0;
    document.getElementById('make').disabled=(this.checked)?0:1;
    document.getElementById('model').disabled=(this.checked)?0:1" name="group1" value="Phone repair">
                  Phone Repair<br>
                  <input type="radio" onclick="document.getElementById('unlock1').disabled=(this.checked)?1:0; document.getElementById('unlock2').disabled=(this.checked)?1:0; document.getElementById('unlock3').disabled=(this.checked)?1:0;
    document.getElementById('make').disabled=(this.checked)?1:0;
    document.getElementById('model').disabled=(this.checked)?1:0" name="group1" value="Computer repair">
                  Computer Repair<br>
                </td>
              </tr>
              <tr>
                <td height="1" width="311"></td>
                <td height="1" width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311" align="right">Select make &amp; model of your phone <font color="#ff8d0f">*</font></td>
                <td width="379" align="left"><select name="make" size="1">
                    <option value="Select Make">Select Make</option>
                    <option value="Acer">Acer</option>
                    <option value="Alcatel">Alcatel</option>
                    <option value="iPhone">Apple iPhone</option>
                  </select>
                  <input maxLength="40" size="18" name="model" value="Enter Model">
                </td>
              </tr>
              <tr>
                <td height="1" width="311"></td>
                <td height="1" width="379">&nbsp;</td>
              </tr>
              <tr>
                <td width="311" align="right">Type of lock (if applicable) <font color="#ff8d0f">*</font></td>
                <td width="379" align="left"><input type="radio" name="group2" value="(Network lock)" id="unlock1">
                  Network / Sim Lock<br />
                  <input type="radio" name="group2" value="(Security lock)" id="unlock2">
                  Security Lock<br>
                  <input type="radio" name="group2" value="(Other)" id="unlock3">
                  Other<br>
                </td>
              </tr>
              <tr>
                <td height="1" width="311"></td>
                <td height="1" width="379">&nbsp;</td>
              </tr>
              <tr>
                <td align="right" width="311">Additional information?&nbsp;&nbsp;&nbsp;</td>
                <td align="left" width="379"><textarea rows="6" name="description" cols="33" value=""></textarea>
                </td>
              </tr>
              <tr>
                <td height="1" width="311"></td>
                <td height="1" width="379">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" width="311"></td>
                <td align="center" width="379"><input type="submit" value="Request Quote" class="form"  style="float:left">
                </td>
              </tr>
            </table>
          </form>
    *       </td>
      </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I'd recommend you to read why tables for layout is very bad.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •