savanth Posted June 17, 2009 Share Posted June 17, 2009 hi,using em to resize the text using View > Text Resize > Largest/Smallest etc in IE. The text inside the textbox is not vertically-middle aligned, when text resized (view>text tesize>largest/smallest etc in ie). em unit has been used for font-size. Every time need to refresh to align verticaly middle.tiaCode: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title><style type="text/css">BODY { font-family:Arial,Helvetica,sans-serif; margin:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; }.cbody { font-family:Arial,Helvetica,sans-serif; font-size:100%; font-style:normal; font-weight:normal; margin-top:0; margin-left:0; margin-bottom:0; margin-right:0; }.textlabel { font-family:Arial,Helvetica,sans-serif; font-size:0.710em; font-style:normal; font-weight:bold; padding-left:8px; padding-right:3px; width:20%; text-decoration:none; vertical-align:top; padding-top:2px; }.textfield { font-family:Arial,Helvetica,sans-serif; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; width: 29%; font-weight: normal; vertical-align: top; }.textfieldfont{ font-family:Arial,Helvetica,sans-serif; font-size:0.75em; font-style:normal; font-weight:normal; width: 218px; margin-bottom:1px; text-transform:uppercase; border-right: #7F9DB9 1pt solid; border-top: #7F9DB9 1pt solid; border-bottom: #7F9DB9 1pt solid; border-left: #7F9DB9 1pt solid; }.innertable{ background-color:#FFFFFF; border:1px solid #898E92; }TABLE { font-family:Arial,Helvetica,sans-serif; vertical-align:top; }.table { background-color:#DBE4F5; padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; border: 1px solid #898E92; }.amttxtField { font-family:Arial,Helvetica,sans-serif; font-size:0.75em; font-style:normal; font-weight:normal; text-decoration:none; text-align:right; width:218px; padding:0px; border-right:#7F9DB9 1pt solid; border-top:#7F9DB9 1pt solid; border-bottom:#7F9DB9 1pt solid; border-left:#7F9DB9 1pt solid; height:20px; }.listboxfont{ font-family:Arial,Helvetica,sans-serif; font-size :.75em; font-style: normal; font-weight: normal; width: 218px; text-transform:none; margin-bottom: 2px; border-right: #7F9DB9 1pt solid; border-top: #7F9DB9 1pt solid; border-bottom: #7F9DB9 1pt solid; border-left: #7F9DB9 1pt solid; }</style></head><body leftmargin="0" topmargin="0" rightmargin="0"><form name="frm1"><br /><table width="100%" border="0" cellspacing="0" cellpadding="0" class="table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="innertable"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="textlabel">Field Name 1</td> <td class="textfield"> <input name="text1" type="text" class="textfieldfont" maxlength="40" value="Nokia N73 T P W Q O g "> </td> <td class="textlabel">Amt. 1</td> <td class="textfield"> <input name="text2" type="text" class="amttxtField" size="17" value="12345678901234.56" maxlength="17" > </td> </tr> <tr> <td class="textlabel">Field Name 2</td> <td class="textfield"> <input name="text1" type="text" class="textfieldfont" maxlength="40" value="Nokia N73 T P W Q O g "> </td> <td class="textlabel">Amt. 2</td> <td class="textfield"> <input name="text2" type="text" class="amttxtField" size="17" value="12345678901234.56" maxlength="17" > </td> </tr> <tr> <td class="textlabel">Field Name 3</td> <td class="textfield"> <input name="text1" type="text" class="textfieldfont" maxlength="40" value="Nokia N73 T P W Q O g "> </td> <td class="textlabel">Amt. 3</td> <td class="textfield"> <input name="text2" type="text" class="amttxtField" size="17" value="12345678901234.56" maxlength="17" > </td> </tr> <tr> <td class="textlabel">Select 1</td> <td class="textfield"> <select name="a969" class="listboxfont"> <option selected>----Select----</option> <option>Jan</option> <option>Feb</option> </select> </td> <td class="textlabel">Select 2</td> <td class="textfield"> <select name="a969" class="listboxfont"> <option selected>----Select----</option> <option>Mon</option> <option>Tue</option> </select> </td> </tr> </table> </td> </tr> </table> </td> </tr></table></form></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.