Help! How do I get rid of the grey block surrounding rank images?:

[CritiKiL]

I'm using this code:

<xen:if is="{$user.is_admin}">
<span class="userrank"><img src="styles/default/ranks/admin.png"></span>
</xen:if>

<xen:if is="{$user.user_group_id} == 5">
<span class="userrank"><img src="styles/default/ranks/01x.png"></span>
</xen:if>

...and etc.

But the images are all transparent and that's all I want to show, not some grey boarder around the image. So how do I get that removed? I know it's this code (span?)

 

[CritiKiL]

UPDATE: I figured it out. I just replaced "userrank" with "no border" ;-)

 

[mrGTB]

Have you looked up the class "userrank" to see what CSS it uses. Such as border added.

<span class="userrank">

EG: border:none; or border:0;

Beat me to it...

 

[CritiKiL]

Have you looked up the class "userrank" to see what CSS it uses. Such as border added.

<span class="userrank">

EG: border:none; or border:0;

Beat me to it...

Yes I did! But thank you for taking interest. At least we may be helping others in this endeavor ;-)