Profile fields

Hey,

So on my forums I have some badges installed (a profile field, image or image list).
And I have the problem that if I make an image list, put an 'empty' image on one of the options ( https://2img.net/i/fa/empty.gif ) that my CSS code sees it as an image. Because I have everything in order with a :nth-of-type(x) it places the second badge (which is supposed to be the first) in second place. The CSS code sees the empty image as a full image.
Picture of my problem:

The image should be in the red box...

So my question is what kind of method should I use?
I was thinking of Java but the problem is that I don't know how to use Java. (It would have to say something like:'if in .label~img url = "https://2img.net/i/fa/empty.gif" display: none)

Thank you for reading this post and thank you even more if you've found a great solution!

Hmm, without your forum link it's difficult to test, so.. I think you can do something like this

Code:

#yourwrap img[src="http://2img.net/i/fa/empty.gif"]{
  display: none;
}

But like i said, without your forum link i can't test it...

Best regards, waghcwb

It didn't work unfortunately
Here is a link to a topic so you can see the badges : http://unitedcommunity.topdiscussion.com/t38-new-layout

EDIT:
It worked partly with this code:

Code:


.label + img[src="http://2img.net/i/fa/empty.gif"] { display: none !important; }


But because of the

Code:

 :nth-of-type(x)

it still places the image, after the empty image, on second place.

I really think some kind of Java script is needed (maybe some script that can uncheck the imagelist?).