team2005
asked on
How to align picture to the right
Hi!
Have the included picture of a login system.
I am using this line, to get the images shown in the textboxes at the picture.
My question is:
How to align pictures to the right
My css-ref:
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png) no-repeat;
LOGIN.png
Have the included picture of a login system.
I am using this line, to get the images shown in the textboxes at the picture.
My question is:
How to align pictures to the right
My css-ref:
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png) no-repeat;
LOGIN.png
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Again manage your background image url as you have provided url(http://www.softkey.no/webtest/images/login-sprite.png) but i have used it in relative path.
ASKER
Hi!
This dosent work ?
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png) no-repeat right top;
This dosent work ?
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png) no-repeat right top;
See the latest comments
ASKER
Hi!
Please show me what to fix
Please show me what to fix
Can you post your code or url?? Or add this line
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png) no-repeat left -10px;
padding-left: 25px;
ASKER
If you are posting the right image login.png than I am sure it's right in your design you are asking for the background image position and I write for the same if not write or clear what do you need????
ASKER
Hi!
I want it to be like the included picture (included now)
Want the text to be centered to
login2.png
I want it to be like the included picture (included now)
Want the text to be centered to
login2.png
Just change the background position see below:
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png) no-repeat right -10px;
ASKER
Hi!
Sorry, diden work
Sorry, diden work
That's why I was asking for the url, I am testing in your url : http://www.softkey.no/webtest/test1.html and you have added #username and #password to position background image .
Now replace your css :
Now replace your css :
/*--------------------*/
#inputs input {
background: #96825a url(http://www.softkey.no/webtest/images/login-sprite.png)no-repeat;
border: medium none !important;
box-shadow: none !important;
color: #FFFFFF;
font: bold 20px Arial;
margin: 0 0 10px;
outline: medium none !important;
padding: 15px 30px 15px 15px ;
width: 353px;
}
#username {
background-position: 364px -4px !important; /* Here 364px is for left position and -4px for top */
}
#password {
background-position: 364px -52px !important;
}
ASKER
thanks
Open in new window