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,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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
    •