NEED HELP WITH CSS!
3 posters
Page 1 of 1
NEED HELP WITH CSS!
Ok so I fixed the main problem which was getting the crown, but I am now faced with a new problem:
Only some of the crown is showing. The bottom part is missing. If you look at my avatar which I circled than you can see that some of its missing and it looks weird.
Any help?
- Code:
.name strong a[href="/u23"]{
padding-left: 19px;
background: url(http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/modcrownaw2.png) no-repeat left;}.
.gensmall a[href="/u23"]{
padding-left: 19px;
background: url(http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/modcrownaw2.png) no-repeat left;}
Only some of the crown is showing. The bottom part is missing. If you look at my avatar which I circled than you can see that some of its missing and it looks weird.
Any help?
Last edited by zvp on June 28th 2011, 11:17 pm; edited 3 times in total
zvp- Forumember
- Posts : 77
Reputation : 0
Language : Polish and English
zvp- Forumember
- Posts : 77
Reputation : 0
Language : Polish and English
Re: NEED HELP WITH CSS!
Please someone help?
zvp- Forumember
- Posts : 77
Reputation : 0
Language : Polish and English
Re: NEED HELP WITH CSS!
What do you mean by some of it is missing? It looks fine to me....
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: NEED HELP WITH CSS!
Drogba921 wrote:What do you mean by some of it is missing? It looks fine to me....
Well just a little bit of the bottom's missing. How would I move it up?
zvp- Forumember
- Posts : 77
Reputation : 0
Language : Polish and English
Re: NEED HELP WITH CSS!
adjust the height
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: NEED HELP WITH CSS!
It's not the height.
It can't show because it's placed ont he bottom and cut off.
Here
http://i.imm.io/6UG0.png
It can't show because it's placed ont he bottom and cut off.
Here
- Code:
.name strong a[href="/u23"] {
background: url("http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/modcrownaw2.png") no-repeat scroll left center transparent;
padding-left: 19px;
padding-top: 3px;
}
http://i.imm.io/6UG0.png
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: NEED HELP WITH CSS!
There are two problems here.
The first problem is that the method you're using to add the crown is flawed. The <a> tag that creates these links is inline, meaning its height can change depending on where the link is located. That means a background image may look great in one location but terrible in another location.
The second problem is that your crown image is too large. For where you're inserting the image, it should be no more than 13 pixels tall to insure it fits in all locations. You should also change your CSS to add a "0% 50%" background-position so the image will always be centered on the line.
The first problem is that the method you're using to add the crown is flawed. The <a> tag that creates these links is inline, meaning its height can change depending on where the link is located. That means a background image may look great in one location but terrible in another location.
The second problem is that your crown image is too large. For where you're inserting the image, it should be no more than 13 pixels tall to insure it fits in all locations. You should also change your CSS to add a "0% 50%" background-position so the image will always be centered on the line.
Guest- Guest
Re: NEED HELP WITH CSS!
Thanks Solved!!
zvp- Forumember
- Posts : 77
Reputation : 0
Language : Polish and English
Re: NEED HELP WITH CSS!
Solved ~ Locked
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum