Problem to Linkbutton

HuaMin Chen
HuaMin Chen used Ask the Experts™
on
Hi,
Using these
       
.lb_log{
            background-image: url("../pict/Key_16x16.png");
            background-repeat: no-repeat;
            padding-left: 15px;
            text-decoration: none;
            top: 30px;
            left: 1145px;
            width: 60px;
            height: 30px;
            font-size:large;
            font-weight:bold;
        }    
		...
                            <asp:LinkButton ID="lb_user_acc" 
                                Text = "登录"
                               CssClass="lb_log" 
                               Font-Names="Arial Unicode MS" 
                               Font-Bold="true"
                               Font-Size="10pt" 
                               ForeColor="#5637D4"
                               OnClick="lb_log_Click" 
                               runat="server"/>
							   ...

Open in new window

the word is displayed like
1
while I want the word be displayed horizontally. what to adjust?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
in your style you are defining width of 60 pixels ( width: 60px;),  maybe the character is too big to fit 2 on the 60 pixels and that is why it move it to the new line. Can you try with more width?
HuaMin ChenProblem resolver

Author

Commented:
Thanks.
I adjust the width (in css) from 60px to 80px. But the problem persists.
Firstly, if you try it with more width make sure you are using like 200px or something like that. So you can be absolutely sure its wide enough.

That said, i dont see any of the css attributes being computed.
E.g.: No padding left, no positioning from left or top etc.
Make sure your css file is properly linked.

If none of that works you might want to try

.cssSelector {

-ms-word-break: keep-all;
word-break: keep-all;

// Non standard for webkit
word-break: keep-word;

}

Open in new window

HuaMin ChenProblem resolver

Author

Commented:
Thanks all.
I did adjust the codes. But now the picture file does overlap with the Text like
https://dl.dropboxusercontent.com/u/40211031/tt340.png

using these codes.
        .lb_log{
            background-image: url("../pict/Key_16x16.png");
            background-repeat: no-repeat;
            padding-left: 7px;
            text-decoration: none;
            top: 30px;
            left: 1145px;
            width: 80px;
            height: 30px;
            font-size:large;
            font-weight:bold;
        }    
		...

Open in new window

what to adjust?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial