Crown Issues

Hey everyone,
this is my first time using these help forums so here it goes!

My problem today is probably not the most complicated pretty simple i think but it's something that i don't know how to do . I know languages such as Java, Python, C but not in CSS and other web languages, maybe i should learn .
Anyways here is the problem!

on my posts (not actually in it) but where it says who posted last and at what time my crown is on the right of my name.
How do i change that crown from the right to the left (so it appears next to my name on the left instead of the right).

Here is my current code:

Code:

a[href="/g2-owner"] {
    background: url("I'M NEW SO I CAN'T POST THE CROWN LINK BUT IT SHOULDN'T MATTER") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

I would really appreciate replies on how to do this.

Thanks allot!

try adding

align:left;

Hello Lined,

You can add "right" to the end of the background declaration, and change the property "padding-left", to "padding-right."

Code:

a[href="/g2-owner"] {
    background: url("I'M NEW SO I CAN'T POST THE CROWN LINK BUT IT SHOULDN'T MATTER") no-repeat right;
    padding-right: 19px;
    padding-top: 2px;
}

EDIT :
Is this the right rule ? This looks like it's for the groups. ^^

Yet another EDIT :
I checked the forum on your profile. See if this is what you want : ( Ignore everything I wrote above ! )

Code:

#chatbox_members a[href="/u1"], .forabg a[href="/u1"], .forumbg a[href="/u1"], .module a[href="/u1"], .page-bottom a[href="/u1"], .postprofile strong a[href="/u1"], p a[href="/u1"] {
    background:url('http://i.imgur.com/AigL7IG.png') no-repeat 0 0;
    padding-left:19px;
    padding-top:2px;
    float:left;
}

Hi Ange Tuteur thank you for that. It worked but i have a follow up question if you check my forums now the crown that i just fixed which is on the left of my name now because of your code is a little too high
when i change the padding-top to 0px then on the bottom of the page where it says my name, my crown is way below and it's like in the background is there a way to have a balance of this so the crown in my post is at
0px and everything else 2px (padding-top)

Hmm.. Replace the code by :

Code:

#chatbox_members a[href="/u1"], .forabg a[href="/u1"], .forumbg a[href="/u1"], .module a[href="/u1"], .page-bottom a[href="/u1"], .postprofile strong a[href="/u1"], p a[href="/u1"] {
    background:url('http://i.imgur.com/AigL7IG.png') no-repeat 0 0;
    padding-left:19px;
    padding-top:2px;
}
.lastpost a[href="/u1"] { float:left }

See if that's better. For some reason the colored usernames are being floated on the last posts. I should of only included the float on that !

I see what you've done but it wasn't my question but thanks it fixed the position of the name.
My question is can i change the padding-top if you take a look on my forums the last post my crown is way higher then I would like and if i lower it then at the bottom where it says registered names the crown will sink down my question is:
Can i have a different padding-top for the lastpost?

Try this :

Code:

.lastpost a[href="/u1"] { padding-top:0 }

It should remove the padding top on the last post username.

@Ange Tuteur wrote:Try this :

Code:

.lastpost a[href="/u1"] { padding-top:0 }

It should remove the padding top on the last post username.

Yup worked.
Thanks allot for everything, you've been great at helping.
Have a nice day

~Solved.

You're welcome !

Topic archived

Have a great day.