tech_question
asked on
how to hide a tag and not mess up the alignment
<table border="0" cellpadding="0" cellspacing="5" width="100%">
<tr height="20" valign="top">
<td align="right" >
<span class="required">*</span>S ize:
</td>
<td>
<input id="SizeWhole" class="inputBox" value="" size="5" />
<!--<span id="spanStatusMsg" class="Status" style="visibility: hidden;"></span>-->
<span id="spntest1">
<aramark:test1/>
</span>
<component:test >
</td>
</tr>
</table>
I have the above html. I use javascript/dhtml and hide the span tag spnTest1and increase the size of SizeWhole to 8. As a result alignment of the component:test gets
messed up . How can I do a fixed alignment to the <component:test> even if I hide the spnTest1 tag and change the size of the SizeWhole textbox ?
<tr height="20" valign="top">
<td align="right" >
<span class="required">*</span>S
</td>
<td>
<input id="SizeWhole" class="inputBox" value="" size="5" />
<!--<span id="spanStatusMsg" class="Status" style="visibility: hidden;"></span>-->
<span id="spntest1">
<aramark:test1/>
</span>
<component:test >
</td>
</tr>
</table>
I have the above html. I use javascript/dhtml and hide the span tag spnTest1and increase the size of SizeWhole to 8. As a result alignment of the component:test gets
messed up . How can I do a fixed alignment to the <component:test> even if I hide the spnTest1 tag and change the size of the SizeWhole textbox ?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Instead of hiding the <span id="spntest1"> with display you could toggle the visiblity instead? This way the layout should stay the same
Regards,
Steggs