The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

NEED HELP WITH CSS!

3 posters

Go down

Solved NEED HELP WITH CSS!

Post by zvp June 28th 2011, 7:52 pm

Ok so I fixed the main problem which was getting the crown, but I am now faced with a new problem:

NEED HELP WITH CSS! 2uo3121

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
avatar
zvp
Forumember

Male Posts : 77
Reputation : 0
Language : Polish and English

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Guest June 28th 2011, 8:24 pm

Forum link?
avatar
Guest
Guest


Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by zvp June 28th 2011, 8:25 pm

avatar
zvp
Forumember

Male Posts : 77
Reputation : 0
Language : Polish and English

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by zvp June 28th 2011, 8:51 pm

Please someone help?
avatar
zvp
Forumember

Male Posts : 77
Reputation : 0
Language : Polish and English

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Mike June 28th 2011, 9:27 pm

What do you mean by some of it is missing? It looks fine to me....
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by zvp June 28th 2011, 9:30 pm

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?
avatar
zvp
Forumember

Male Posts : 77
Reputation : 0
Language : Polish and English

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Mike June 28th 2011, 9:34 pm

adjust the height
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Nera. June 28th 2011, 10:10 pm

It's not the height.

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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Guest June 28th 2011, 10:11 pm

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.
avatar
Guest
Guest


Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by zvp June 28th 2011, 11:17 pm

Thanks Solved!!
avatar
zvp
Forumember

Male Posts : 77
Reputation : 0
Language : Polish and English

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Nera. June 28th 2011, 11:21 pm

Solved ~ Locked
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum