...

View Full Version : Merge row in table



ExodusNZ
03-03-2009, 06:00 AM
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




<?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>

abduraooft
03-03-2009, 08:13 AM
I'd recommend you to read why tables for layout is very bad (http://www.hotdesign.com/seybold/).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum