Alignment problem

sverkot · February 15, 2008

I want the SORT and the drop-down box aligned to the bottom of the table..I've been trying to solve this for a while now. Is there a way to do this other than taking "sort" out of the big table? Thanks!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd"><html><style type="">    .table1 {    	border-top: 0px none;border-right: 0px none;border-bottom: 1px solid 	#9C9C9C;border-left: 1px solid #085AA5;    	background-color: #FFFFFF;    	margin: 0px;padding: 0px;    }    .table2 {    	border-top: 0px none;    	border-right: 1px none #9C9C9C;    	border-bottom: 1px solid #9C9C9C;    	border-left: 1px solid #9C9C9C;    	background-color: #FFFFFF;    	margin: 0px;    	padding: 0px;    }    .table3{    	border-top: 0px none;    	border-right: 1px solid #085AA5;    	border-bottom: 1px solid #9C9C9C;    	border-left: 1px solid #9C9C9C;    	background-color: #FFFFFF;    	margin: 0px;    	padding: 0px;}</style><table width="100%" cellspacing="0" cellpadding="0" border="1">	<tbody>		<tr valign="top">			<td valign="top" height="100%" class="table1">			<!--Begin Text table-->			<table width="100%" cellspacing="0" cellpadding="0" border="0">				<tbody>					<tr>						<th nowrap="" class="rrTitle" scope="col" colspan="2">Title1</th>					</tr>					<tr>						<td colspan="2">						<fieldset class="rrFieldSet">						<ul class="refineResults">							<table cellspacing="0" cellpadding="0" border="0">								<tbody>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"></td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox" id=""											value="" name="" /></td>										<td width="99%" class="sectext"><label for="Test"> Test(1)</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text2" value="Text2" name="" /></td>										<td width="99%" class="sectext"><label for="Text2">Text2 (1)</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text3" value="Text3" name="" /></td>										<td width="99%" class="sectext"><label for="Text3">Text3 (1)</label>										</td>									</tr>								</tbody>							</table>						</ul>						</fieldset>						</td>					</tr>				</tbody>			</table>			<!--Begin SORT table-->			<table cellspacing="2" border="0" cellpading="0">				<tbody>					<tr>						<td colspan="3"><img width="1" height="1" alt="" src="spacer.gif" /></td>					</tr>					<tr>						<td nowrap="" class="sectext">SORT:</td>						<td class="sectext"><select onchange="" name="scls">							<option value="A">Alphabet</option>							<option value="A">A</option>						</select></td>						<td></td>					</tr>				</tbody>			</table>			<!--End SORT table--></td>			<!--Second column-->			<td valign="top" height="100%" class="table2">			<table width="100%" cellspacing="0" cellpadding="0" border="0">				<tbody>					<tr>						<th nowrap="" style="" class="rrTitle" scope="col" colspan="2">Title2</th>					</tr>					<tr>						<td colspan="2">						<fieldset class="rrFieldSet">						<ul class="refineResults">							<table cellspacing="0" cellpadding="0" border="0">								<tbody>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"></td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text1" value="Text1" name="" /></td>										<td width="99%" class="sectext"><label for="Text1">Text1</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text2" value="Text2" name="" /></td>										<td width="99%" class="sectext"><label											for="Text2#1026125">Text2 (6)</label></td>									</tr>								</tbody>							</table>						</ul>						</fieldset>						</td>					</tr>				</tbody>			</table>			<!-- Begin SORT-->			<table cellspacing="2" border="0" cellpading="0">				<tbody>					<tr>						<td colspan="3"><img width="1" height="1" alt=""							src="/scopus/static/images/spacer.gif" /></td>					</tr>					<tr>						<td nowrap="" class="sectext">SORT:</td>						<td class="sectext"><select>							<option value="A">Alphabet</option>							<option value="A">A</option>						</select></td>						<td></td>					</tr>				</tbody>			</table>			<!--End--></td>			<td width="10%" valign="top" height="100%" class="table2">			<table width="100%" cellspacing="0" cellpadding="0" border="0"				height="100%">				<tbody>					<tr>						<th nowrap="" class="rrTitle" scope="col" colspan="2">City</th>					</tr>					<tr>						<td colspan="2">						<fieldset class="rrFieldSet">						<ul class="refineResults">							<table cellspacing="0" cellpadding="0" border="0">								<tbody>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text1" value="Text1" name="" /></td>										<td width="99%" class="sectext"><label for="Text1">Text1 (62)</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text2" value="Text2" name="" /></td>										<td width="99%" class="sectext"><label for="Text2">Text2 (8)</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text3" value="Text3" name="" /></td>										<td width="99%" class="sectext"><label for="Text3">Text3 (8)</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text3" value="Text3" name="" /></td>										<td width="99%" class="sectext"><label for="Text3">Text4 (8)</label>										</td>									</tr>									<tr>										<td width="1%" valign="top" align="left"											style="padding-left: 4px;"><input type="checkbox"											id="Text2" value="Text2" name="" /></td>										<td width="99%" class="sectext"><label for="Text2">Text2 (8)</label>										</td>									</tr>								</tbody>							</table>						</ul>						</fieldset>						</td>					</tr>				</tbody>			</table>			<!-- Begin SORT-->			<table cellspacing="2" border="0" cellpading="0">				<tbody>					<tr>						<td colspan="3"><img width="1" height="1" alt=""							src="/scopus/static/images/spacer.gif" /></td>					</tr>					<tr>						<td nowrap="" class="sectext">SORT:</td>						<td class="sectext"><select>							<option value="A">Alphabet</option>							<option value="A">A</option>						</select></td>						<td></td>					</tr>				</tbody>			</table>			<!--End--></td>		</tr>	</tbody></table></html>

arthur · April 14, 2008

Maybe the simplest way is to change the original outside big table which have 1 row and 3 columns to 2 rows and 3 columns. Then move the three drop-down list seperately to the second row.

Sign In

Alignment problem

Recommended Posts

sverkot

Link to comment

Share on other sites

arthur

Link to comment

Share on other sites

Archived

Browse

Activity