Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Box outline around hyperlink when hyperlink selected

Status
Not open for further replies.

RexxSysProg

Programmer
Jul 2, 2004
205
US
I have text with an associated hyperlink. When the text is selected with the mouse, an outline of a box is displayed surrounding the text that has the hyperlink. (It is the same thing you see on the bottom of a Google page when you select another page to go to or select next .)
It's only happening on this page that has large (24 pt) and not the usual fonts.

There are pseudo-classes defined in the page:

Code:
 A:link {
	COLOR: #bc0000; TEXT-DECORATION: none; mso-text-animation: none; text-underline: none; text-line-through: none
}

A:visited {
	COLOR: #bc0000; TEXT-DECORATION:  text-underline: none; mso-text-animation: none
}


Why are these boxes appearing when the mouse is clicked and how can I prevent them from appearing?

Thank you
 
I believe Rexx is needing to use:

.mylink {
outline:none;
}

_______________
_brian.
 
Thank you Vragabond and Brian for your suggestions. It hasn't worked so perhaps I am placing them in the wrong place(s). I added the code given at the link you provided ( a:active {outline: none;} ). I also tried adding the outline: none; to the A:link and A:visited pseudo-classes. Also tried
Code:
<A href="/mypage01.html" class="mylink">

Can you help me understand the proper placement of either code?

Thanks
 
And about the proprietary non-standard declarations, such as mso-text-animation , I didn't put those in. I put WP text into a Word (web) page. Word generated most of the code. What are the issues with using this?
 
The issue is that your code is probably more bloated beacuse of silly tags like that. I suggest you do not use Word as your web editor as it is notoriously bad. As for the solution, I have told you already. If that does not help, elaborate your problem, create a test harness that exhibits this problem. Because we figured the outline is your problem, but apparently it is not.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top