The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

NEED HELP WITH CSS!

View previous topic View next topic Go down

Solved NEED HELP WITH CSS!

Post by zvp on 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:



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

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

Back to top Go down

Solved Re: NEED HELP WITH CSS!

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

Forum link?

Guest
Guest


Back to top Go down

Solved Re: NEED HELP WITH CSS!

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


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 on June 28th 2011, 8:51 pm

Please someone help?

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 on June 28th 2011, 9:27 pm

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

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by zvp on 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?

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 on June 28th 2011, 9:34 pm

adjust the height

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Nera. on 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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: NEED HELP WITH CSS!

Post by Guest on 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.

Guest
Guest


Back to top Go down

Solved Re: NEED HELP WITH CSS!

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

Thanks Solved!!

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. on June 28th 2011, 11:21 pm

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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