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

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

PlayBook webworks app, image border link

I am creating a game in webworks.


For my links, I am using images. I have set border="0" for just about everything.


For my images:

        <a href="play.html">
        	<img src="images/play.png" border="0" style="margin-top:95px;" />

 and in my CSS:

img a{ border:0px;}
img a:hover{border:0px;}
img a:link{ border:0px;}
img a:active{border:0px;}
img a:visited{border:0px;}

 However, when I press on the link (image) in my webworks app, i seem to always get the standard blue border around the image I am pressing.


How should I go about fixing this?




Posts: 1,561
Registered: ‎04-12-2010
My Device: BlackBerry Z10
My Carrier: Bell

Re: PlayBook webworks app, image border link

Looks like you're ahead of the game!


I have a feeling this will be around focus CSS but will give it a closer look. Are you finding this with focus-based navigation or the default pointer-based?


Erik Oros

BlackBerry Development Advisor

Erik Oros | @WaterlooErik | eoros@blackberry.com | Developer Issue Tracker

If a reply has answered your question, please click Accept as Solution to help other visitors in the future.
Posts: 47
Registered: ‎02-18-2011
My Device: Not Specified

Re: PlayBook webworks app, image border link

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

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

 this fixed the issue. thanks for getting back