469,889 Members | 1,430 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,889 developers. It's quick & easy.

Prevent highlighting of a drop down menu?

Hey all,
I've created a pretty nice-looking drop-down menu, and I need to prevent users form highlighting the text in the menu item, because it looks kind of ugly.

Here's an snippet of my menu structure:
Expand|Select|Wrap|Line Numbers
  1.       <div id="menu">
  2.         <ul>
  3.           <li><a class="first_btn" id="file_btn" onClick="ShowHideFile();">File</a>
  4.             <ul id="file" onmouseover="OverFileMenu();" onmouseout="OutFileMenu();">
  5.               <li><a class="second_btn" type="button" onClick="">New</a></li>
  6.               <li><hr></li>
  7.               <li><a class="second_btn" type="button" onClick="File_Exit();">Exit</a></li>
  8.             </ul>
  9.           </li>
  10.         </ul>
  11.       </div>
now, when you double click on the horizontal rule, or if you click on the border & drag, you can select the text. Is there any way, besides using images instead of text, to prevent the user from highlighting this?

Here's the page-

EDIT: if you're using IE, then don't even try to view the page. I'll make it so that IE can render the page later.
Nov 14 '07 #1
1 1626
16,027 Expert Mod 8TB
The link doesn't work.
Nov 15 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

3 posts views Thread by KK | last post: by
2 posts views Thread by hemanth.singamsetty | last post: by
4 posts views Thread by simon.cigoj | last post: by
4 posts views Thread by jesse.hartwick | last post: by
reply views Thread by Dan Rumney | last post: by
4 posts views Thread by TycoonUK | last post: by
1 post views Thread by Waqarahmed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.