theres two crowns on the online

i added crowns to my online bar but whenever i type something, itll add an extra crown between the "@" 

my css stylesheet:
 iv#chatbox, #chatbox_members{
background-color:#1D1D1D;
}
a[href="/u1"] strong {
padding-left: 13px;
background: url(https://2img.net/h/oi30.tinypic.com/5vyums.jpg) no-repeat left;
}
.name strong a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}
    p a[href="/u#"], .forabg a[href="/u1"],  .forumbg a[href="/u#"], .postprofile strong a[href="/u#"], .page-bottom a[href="/u#"], #chatbox_members a[href="/u#"], .module a[href="/u#"] {
        background: url("imagedirectlink") no-repeat;
        padding-left: 16px;
        padding-top: 2px;
    }
a[href="/u1"]

Hello Xnomejx,

For these crowns, are you referring to the chatbox mod sign(@)?

Try to modify all of the code into this:

Code:

iv#chatbox, #chatbox_members{
background-color:#1D1D1D;
}
a[href="/u1"] strong {
padding-left: 13px;
background: url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
}
.name strong a[href="/u1"]{
    padding-left: 13px;
    background: url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;}
    p a[href="/u1"], .forabg a[href="/u1"],  .forumbg a[href="/u1"], .postprofile strong a[href="/u1"], .page-bottom a[href="/u1"], #chatbox_members a[href="/u1"], .module a[href="/u1"] {
        background: url("http://i30.tinypic.com/5vyums.jpg") no-repeat;
        padding-left: 16px;
        padding-top: 2px;
    }

mangaka wrote:Try to modify all of the code into this:

Code:

iv#chatbox, #chatbox_members{
background-color:#1D1D1D;
}
a[href="/u1"] strong {
padding-left: 13px;
background: url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
}
.name strong a[href="/u1"]{
    padding-left: 13px;
    background: url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;}
    p a[href="/u1"], .forabg a[href="/u1"],  .forumbg a[href="/u1"], .postprofile strong a[href="/u1"], .page-bottom a[href="/u1"], #chatbox_members a[href="/u1"], .module a[href="/u1"] {
        background: url("http://i30.tinypic.com/5vyums.jpg") no-repeat;
        padding-left: 16px;
        padding-top: 2px;
    }

same thing still its just the same thing but theres 2 crowns infront of the mod sign

Try adding a no repeat to the background image like this:

Code:

background-repeat:no-repeat;

Code:

background-repeat:no-repeat;

Code:

   iv#chatbox, #chatbox_members{
    background-color:#1D1D1D;
    }
    a[href="/u1"] strong {
    padding-left: 13px;
    background: url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
    }
    .name strong a[href="/u1"]{
        padding-left: 13px;
        background: url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;}
        p a[href="/u1"], .forabg a[href="/u1"],  .forumbg a[href="/u1"], .postprofile strong a[href="/u1"], .page-bottom a[href="/u1"], #chatbox_members a[href="/u1"], .module a[href="/u1"] {
            background: url("http://i30.tinypic.com/5vyums.jpg") no-repeat;
            background-repeat:no-repeat;
          padding-left: 16px;
            padding-top: 2px;
        }

Xnomejx,

Can you please clarify for us where this image is being duplicated?

Thank you

Try it like this with width and height added.

Code:

iv#chatbox,#chatbox_members {
background-color:#1D1D1D;
}

p a[href=/u1],.forabg a[href=/u1],.forumbg a[href=/u1],.postprofile strong a[href=/u1],.page-bottom a[href=/u1],#chatbox_members a[href=/u1],.module a[href=/u1] {
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat;
background-repeat:no-repeat;
padding-left:16px;
padding-top:2px;
width:13px;
height:11px;
}

a[href=/u1] strong,.name strong a[href=/u1] {
padding-left:13px;
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
width:13px;
height:11px;
}

runawayhorses wrote:Try it like this with width and height added.

Code:

iv#chatbox,#chatbox_members {
background-color:#1D1D1D;
}

p a[href=/u1],.forabg a[href=/u1],.forumbg a[href=/u1],.postprofile strong a[href=/u1],.page-bottom a[href=/u1],#chatbox_members a[href=/u1],.module a[href=/u1] {
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat;
background-repeat:no-repeat;
padding-left:16px;
padding-top:2px;
width:13px;
height:11px;
}

a[href=/u1] strong,.name strong a[href=/u1] {
padding-left:13px;
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
width:13px;
height:11px;
}

Xnomejx,

Can you please clarify for us where this image is being duplicated?

Thank you 

Under the online

Xnomejx wrote:Under the online

Okay to make sure,

The @ under the memberlist in the chatbox is showing your background image, correct?

SethC1995 wrote:

Xnomejx wrote:Under the online

Okay to make sure,

The @ under the memberlist in the chatbox is showing your background image, correct?

just showing the same thing right now no crowns and yes

Try this in your CSS stylesheet to see if it stops that from happening.

Code:

#chatbox_members .online-users > li > a:first-child > span:first-child > strong:first-child{
background:none;
padding:inherit;
}

SethC1995 wrote:Try this in your CSS stylesheet to see if it stops that from happening.

Code:

#chatbox_members .online-users > li > a:first-child > span:first-child > strong:first-child{
background:none;
padding:inherit;
}

 wont work 

Code:

 iv#chatbox,#chatbox_members {
background-color:#1D1D1D;
}

p a[href=/u1],.forabg a[href=/u1],.forumbg a[href=/u1],.postprofile strong a[href=/u1],.page-bottom a[href=/u1],#chatbox_members a[href=/u1],.module a[href=/u1] {
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat;
background-repeat:no-repeat;
padding-left:16px;
padding-top:2px;
width:13px;
height:11px;
}

a[href=/u1] strong,.name strong a[href=/u1] {
padding-left:13px;
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
width:13px;
height:11px;
}
#chatbox_members .online-users > li > a:first-child > span:first-child > strong:first-child{
background:none;
padding:inherit;
}

Add it to the top of your CCS stylesheet.

it wouldnt wor

Code:

iv#chatbox,#chatbox_members {
background-color:#1D1D1D;
}

p a[href=/u1],.forabg a[href=/u1],.forumbg a[href=/u1],.postprofile strong a[href=/u1],.page-bottom a[href=/u1],#chatbox_members a[href=/u1],.module a[href=/u1] {
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat;
background-repeat:no-repeat;
padding-left:16px;
padding-top:2px;
width:13px;
height:11px;
}

a[href=/u1] strong,.name strong a[href=/u1] {
padding-left:13px;
background:url(http://i30.tinypic.com/5vyums.jpg) no-repeat left;
width:13px;
height:11px;
}
#chatbox_members .online-users > li > a:first-child > span:first-child > strong:first-child{
background:none;
padding:inherit;
}
div#chatbox, #chatbox_members{ background-color:#1D1D1D; }

it did nothing

help