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®
View Solution Only
Hans Langer

Commented:
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.
Commented:
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