html - Text in <a> tag is not vertically centered -

-

i have used following code , seeking why "upload" text rendered over-line?

<form id="form1" runat="server"> <table style="width: 100%; direction: rtl;">     <tr>       <td style="width: 100px; margin: 0px 5px 0px 5px;">            <div style="text-align:center;display:block;position: relative; height: 30px;" onclick="inform();">                 <a runat="server" id="uploadbtn" class="btn">upload</a>                                 </div>       </td>    </tr> </table>

with following css:

.btn{     -webkit-border-radius: 3px;     -moz-border-radius: 3px;     border-radius: 3px;     background-color: #a19e86;     background-image: -moz-radial-gradient(center -100%, ellipse cover, #a19e86, #5e5c49 100%);     background-image: -webkit-radial-gradient(center -100%, ellipse cover, #a19e86, #5e5c49 100%);     background-image: -o-radial-gradient(center -100%, ellipse cover, #a19e86, #5e5c49 100%);     background-image: -ms-radial-gradient(center -100%, ellipse cover, #a19e86, #5e5c49 100%);     background-image: radial-gradient(center -100%, ellipse cover, #a19e86, #5e5c49 100%);     border: none;     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);     color: #fff;     display: inline-block;     font-size: 16px;     font-style: italic;     font-family: 'crimson text' , times;     text-decoration: none;     -webkit-font-smoothing: antialiased; }  #uploadbtn{     height: 30px;     width: 100px;     z-index: 10001;     top: 0px;     line-height: 20px; }

if you're going vertically center text using line-height should using line-height value equal height of <a> (30px) - right have set 20px.

#uploadbtn {     height: 30px;     width: 100px;     z-index: 10001;     top: 0px;     line-height: 30px; }

http://jsfiddle.net/4gjs9/1/


Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

VBA function to include CDATA -

-
i have following function include cdata: function cdatasection() dim objdom domdocument dim objkmlrootelement ikmldomelement dim objkmlelement ikmldomelement dim cdata ikmldomcdatasection set objdom = new domdocument set objkmlrootelement = objdom.createelement("balloonstyle") objdom.appendchild objkmlrootelement set objkmlelement = objdom.createelement("text") objkmlrootelement.appendchild objkmlelement set cdata = objdom.createcdatasection("text") cdata.data = "<![cdata[<b>latitude = $[latitude]</b>?]]>;" end function when run above, getting error "user defined data type not found" function. yes ripster says find library reference. vba window tools>references for list of relevant references see... http://msdn.microsoft.com/en-us/library/windows/desktop/ms763701%28v=vs.85%29.aspx however, if have hard time tracking down reference, replace dim sta
Read more