Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by troy beckett
troy beckett
12,035 Points

problem with my website??

Please take a look at this page on my website:

http://top-drawer.net/artist-4.html

click on the image which will reveal a lightbox. On the lightbox click the right arrow quickly and see what happens. I'm currently looking at my website through google chrome. When I click the right arrow on the lightbox it puts a wierd blue highlight like when your trying to copy along the bottom of the picture. What I'm finding difficult to solve is that I've used the same code on the left arrow and doesn't have any problems.

1 Answer

Jason Desiderio
Jason Desiderio
21,811 Points

troy beckett - It looks like it's selecting empty lines on the page due to what the computer perceives as a double or triple click. You can add the code below to the css for #overlay to prevent text highlighting since there is no text in that div. 

#overlay {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none; 
}
troy beckett
troy beckett
12,035 Points

thank you really helped me out