Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Highlighted
Contributor
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified
Accepted Solution

Transparent white BG when clicking on IMG link.

How do I get rid of this?

 

I have tried this in my CSS with no luck.

 

a{ border:none; outline:none;-moz-outline-style:none; background:none;}
a:active{ border:none; outline:none;-moz-outline-style:none; background:none;}
a:focus{ border:none; outline:none;-moz-outline-style:none; background:none;}

img a{ border:none; outline:none;-moz-outline-style:none; background:none;}
img a:active{border:none; outline:none;-moz-outline-style:none; background:none;}
img a:focus{border:none; outline:none;-moz-outline-style:none; background:none;}

 

Contributor
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified

Re: Transparent white BG when clicking on IMG link.

See image below. This is what I am talking about....

 

 

 

whitebg.jpg

Developer
Posts: 435
Registered: ‎09-20-2011
My Device: Z10 LE, Playbook, DevAlpha C, 9900, 9380
My Carrier: Vodafone

Re: Transparent white BG when clicking on IMG link.

also try with img hover

img a:hover{border:none; outline:none;-moz-outline-style:none; background:none;}
Retired
Posts: 1,382
Registered: ‎07-02-2009
My Device: BlackBerry Bold 9900
My Carrier: Bell

Re: Transparent white BG when clicking on IMG link.

That seems odd.  Is this the browser or a WebWorks application?  What version of the Tablet OS?

 

Please share a code snippet of whatever HTML / Javascript you are using to create this image.

Follow me on Twitter: @n_adam_stanley
-------------------------------------------------------------------------------------------------------------------------
Your app doesn't work? Use BlackBerry remote web inspector to find out why.
Contributor
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified

Re: Transparent white BG when clicking on IMG link.

WebWorks App created in DreamWeaver/NotePad++

The code is simple HTML.

<A href="#">(img code)</a>

I am sure it's a CSS issue and I will try the a:hover when I get the chance to work on it.
Developer
Posts: 1,230
Registered: ‎03-20-2011
My Device: Playbook, Z10 LE, Dev Alpha B, 2x Dev Alpha C
My Carrier: 3, Orange, Vodafone

Re: Transparent white BG when clicking on IMG link.

From what I see in your grab it looks like you've got a bad background image

 

You need it to, ideally, be something like a transparent PNG

 

If you created the image yourself you can play with it

 

The other factor you need to be aware of is the lowest BBOS you want to release on - 5 is a bit ropey and in that situation I'd got for the GIF version




Click the like button if you find my posts useful!
Contributor
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified

Re: Transparent white BG when clicking on IMG link.

i tried it with text and it does the same thing

Contributor
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified

Re: Transparent white BG when clicking on IMG link.

I tried adding a:hover with no luck.
Contributor
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified

Re: Transparent white BG when clicking on IMG link.

I found a work around!

 

By adding this to the img string:

onclick="javascript&colon;location.href='play.html';"

 My IMG code is as follows:

        	<img  onclick="javascript&colon;location.href='play.html';" src="images/play.png" border="0" style="margin-top:95px;" />