Aleks
asked on
button not centered vertically inside a table
I have the following code, no matter what alignment i set the code with the form inside the table shows the button higher than the rest of the fields. How can I have it displayed in the middle of the cell, cell has enough width for the button to be displayed properly.
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="eceef4"><img src="../../Images/blank.gi f" alt="" width="10" height="25" /></td>
<td width="66" bgcolor="eceef4"><div align="center"><font color="#666666"><strong>Ac tions</str ong></font ></div></t d>
<td valign="middle" bgcolor="eceef4"><table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table></td>
<td width="644" bgcolor="eceef4"><div align="center"><strong><fo nt color="#666666">Case | Description</font></strong ></div></t d>
<td bgcolor="eceef4"><table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table></td>
<td width="79" bgcolor="eceef4"><div align="center"><strong><fo nt color="#666666"> Corp Client<br>
<a href="javascript:;"></a></ font></str ong></div> </td>
<td width="12" bgcolor="eceef4"><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table>
</div></td>
<td width="75" bgcolor="eceef4"><div align="center"><strong><fo nt color="#666666"> Indv. Client<br>
<a href="javascript:;"></a></ font></str ong></div> </td>
<td width="12" bgcolor="eceef4"><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table>
</div></td>
<td width="86" bgcolor="eceef4"><div align="center"><strong><fo nt color="#666666">Uploaded on</font></strong></div></ td>
</tr>
<tr>
<td colspan="11"><img src="../../Images/blank.gi f" alt="" width="10" height="10" /><img src="../../Images/blank.gi f" alt="" height="6" /></td>
</tr>
<tr>
<td colspan="11" background="../../Images/m enus/separ atortop.gi f"><img src="../../Images/blank.gi f" alt="" width="10" height="3" /></td>
</tr>
<%
Dim RecordCounter2
RecordCounter2 = 0
%>
<%
While ((Repeat2__numRows <> 0) AND (NOT Attachmentsfromcases.EOF))
%>
<tr <%
RecordCounter2=RecordCount er2 + 1
If RecordCounter2 Mod 2 = 1 Then
Response.Write("bgcolor=#F BFBFB")
End If
%>
bgcolor="#FFFFFF" onMouseOver="this.style.ba ckgroundCo lor='#FFFF CC'" onMouseOut="this.style.bac kgroundCol or=''">
<td width="10"> </td>
<td><div align="center">
<form action="" method="post" name="form2" id="form2">
<div align="center">
<input name="Attachments" type="hidden" id="Attachments" value="<%=Session("Attachm entsfull") %>/<%=(Att achmentsfr omcases.Fi elds.Item( "storage_n ame").Valu e)%>">
<input name="Download" type="submit" class="bodytext" id="Download" value="view">
</div>
</form>
</div></td>
<td width="12" valign="middle"><table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table></td>
<td class="bodytextreports" ><span class="bodytext"><%=(Attac hmentsfrom cases.Fiel ds.Item("c aseid").Va lue)%></sp an> | <span class="bodytext"><%=(Attac hmentsfrom cases.Fiel ds.Item("d escription ").Value)% ></span></ td>
<td width="18"><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table>
</div></td>
<td width="79" ><div align="center"><%= CI_ShowYesNo((Attachmentsf romcases.F ields.Item ("visible" ).Value)) %></div></td>
<td width="12" ><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table>
</div></td>
<td width="75" ><div align="center"><%= CI_ShowYesNo((Attachmentsf romcases.F ields.Item ("visiblei ndividual" ).Value)) %></div></td>
<td width="12" ><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
<td width="10" height="14"><img src="../../Images/menus/se parator.gi f" alt="" /></td>
<td width="4"><img src="../../Images/blank.gi f" alt="" width="4" height="25" /></td>
</tr>
</table>
</div></td>
<td ><div align="center"><%= DoDateTime((Attachmentsfro mcases.Fie lds.Item(" dateupload ed").Value ), 2, 9225) %> </div></td>
</tr>
<tr>
<td colspan="11" background="../../Images/m enus/separ atortop.gi f"><img src="../../Images/blank.gi f" alt="" width="10" height="3" /></td>
</tr>
<%
Repeat2__index=Repeat2__in dex+1
Repeat2__numRows=Repeat2__ numRows-1
Attachmentsfromcases.MoveN ext()
Wend
%>
</table>
----- THIS IS THE PART OF THE CODE SHOWING UP HIGHER THAN THE REST
<form action="" method="post" name="form2" id="form2">
<div align="center">
<input name="Attachments" type="hidden" id="Attachments" value="<%=Session("Attachm entsfull") %>/<%=(Att achmentsfr omcases.Fi elds.Item( "storage_n ame").Valu e)%>">
<input name="Download" type="submit" class="bodytext" id="Download" value="view">
</div>
</form>
----
Attached picture of the table.
pic.gif
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="eceef4"><img src="../../Images/blank.gi
<td width="66" bgcolor="eceef4"><div align="center"><font color="#666666"><strong>Ac
<td valign="middle" bgcolor="eceef4"><table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table></td>
<td width="644" bgcolor="eceef4"><div align="center"><strong><fo
<td bgcolor="eceef4"><table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table></td>
<td width="79" bgcolor="eceef4"><div align="center"><strong><fo
<a href="javascript:;"></a></
<td width="12" bgcolor="eceef4"><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table>
</div></td>
<td width="75" bgcolor="eceef4"><div align="center"><strong><fo
<a href="javascript:;"></a></
<td width="12" bgcolor="eceef4"><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table>
</div></td>
<td width="86" bgcolor="eceef4"><div align="center"><strong><fo
</tr>
<tr>
<td colspan="11"><img src="../../Images/blank.gi
</tr>
<tr>
<td colspan="11" background="../../Images/m
</tr>
<%
Dim RecordCounter2
RecordCounter2 = 0
%>
<%
While ((Repeat2__numRows <> 0) AND (NOT Attachmentsfromcases.EOF))
%>
<tr <%
RecordCounter2=RecordCount
If RecordCounter2 Mod 2 = 1 Then
Response.Write("bgcolor=#F
End If
%>
bgcolor="#FFFFFF" onMouseOver="this.style.ba
<td width="10"> </td>
<td><div align="center">
<form action="" method="post" name="form2" id="form2">
<div align="center">
<input name="Attachments" type="hidden" id="Attachments" value="<%=Session("Attachm
<input name="Download" type="submit" class="bodytext" id="Download" value="view">
</div>
</form>
</div></td>
<td width="12" valign="middle"><table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table></td>
<td class="bodytextreports" ><span class="bodytext"><%=(Attac
<td width="18"><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table>
</div></td>
<td width="79" ><div align="center"><%= CI_ShowYesNo((Attachmentsf
<td width="12" ><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table>
</div></td>
<td width="75" ><div align="center"><%= CI_ShowYesNo((Attachmentsf
<td width="12" ><div align="center">
<table width="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4"><img src="../../Images/blank.gi
<td width="10" height="14"><img src="../../Images/menus/se
<td width="4"><img src="../../Images/blank.gi
</tr>
</table>
</div></td>
<td ><div align="center"><%= DoDateTime((Attachmentsfro
</tr>
<tr>
<td colspan="11" background="../../Images/m
</tr>
<%
Repeat2__index=Repeat2__in
Repeat2__numRows=Repeat2__
Attachmentsfromcases.MoveN
Wend
%>
</table>
----- THIS IS THE PART OF THE CODE SHOWING UP HIGHER THAN THE REST
<form action="" method="post" name="form2" id="form2">
<div align="center">
<input name="Attachments" type="hidden" id="Attachments" value="<%=Session("Attachm
<input name="Download" type="submit" class="bodytext" id="Download" value="view">
</div>
</form>
----
Attached picture of the table.
pic.gif
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Using margin top centers the image but makes the whole row twice the height.
ASKER
As it turns out it is NOT the button that pushes everything up, but the form inside that cell. :( ...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I just tested it, and changing the Height of the Form itself, will change the cell of the table.
Which one resolved your issue?
ASKER