I posted in another forum but no-one seems to be able to help.<br />
<br />
What I'm trying to find out is a way of removing horrid blue boxes when either a text or image link is clicked in IE.<br />
<br />
Please note - it isn't the rollover or underlining that I am referring to.<br />
<br />
I know it can be done by using - onFocus="if(this.blur)this.blur()<br />
next to each link, but I wondered if it can be done to apply to links on the whole page rather than write it for every link.<br />
<br />
If anyone can help I'd be eternally grateful!<!--content-->It's easily done, but keeping links from focusing is bad, very bad. It makes you page unusble for people who are trying to navigate the page without a mouse. And that might include someone who hasn't the use of his or her hands.<!--content-->but that's the whole point - I'm trying to find an alternative!<!--content-->OK... I'm lost. What blue boxes?<!--content-->Are you talking about boxes around images that link to another page?<br />
<br />
If so, try writing <img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.yoursite.com/yourpage.gif" border="0"><br />
<br />
BORDER="0", being the key thing to add in there<br />
<br />
Hope this is what you meant<br />
<br />
Regards,<br />
Q<!--content-->I "think" I know what he is talking about,<br />
its the box that appears around an element contents when an onclick event is triggered,if you click on a link you will see a tiny box just around th text...I'd be surprised if there is a way in CSS to remove that...<!--content-->Yes it is the 'focus' area indicated by a dotted border. There is a way to remove it in CSS. But like Charles says, it is a very bad idea. Try navigating a website with the TAB button and see how the dotted border is essential.<!--content-->I understand what you're saying. but on Macromedia's website they have removed the blue boxes somehow - I looked at the source but can't figure out how. However, they have replaced the blue boxes with an accessibility link, by inserting a gif image - so the boxes are a pretty yellow colour that look much nicer on the site!<br />
<br />
<!-- m --><a class="postlink" href="http://www.macromedia.com/">http://www.macromedia.com/</a><!-- m --><br />
<br />
(I believe the blue boxes only appear in IE, it's dotted lines for Netscape)<!--content-->Hmm... in IE the links are highlighted in yellow (when using TAB) but you cannot get to the links at the bottom!<br />
<br />
In Mozilla 1.4, the tabs do nothing at the top, but cycle round the bottom links.<br />
<br />
Text links are highlighted in blue with a dotted border in both browsers.<!--content-->Originally posted by Hester <br />
There is a way to remove it in CSS. <br />
<br />
Mind sharing that way please???????
<!--content-->
<br />
What I'm trying to find out is a way of removing horrid blue boxes when either a text or image link is clicked in IE.<br />
<br />
Please note - it isn't the rollover or underlining that I am referring to.<br />
<br />
I know it can be done by using - onFocus="if(this.blur)this.blur()<br />
next to each link, but I wondered if it can be done to apply to links on the whole page rather than write it for every link.<br />
<br />
If anyone can help I'd be eternally grateful!<!--content-->It's easily done, but keeping links from focusing is bad, very bad. It makes you page unusble for people who are trying to navigate the page without a mouse. And that might include someone who hasn't the use of his or her hands.<!--content-->but that's the whole point - I'm trying to find an alternative!<!--content-->OK... I'm lost. What blue boxes?<!--content-->Are you talking about boxes around images that link to another page?<br />
<br />
If so, try writing <img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.yoursite.com/yourpage.gif" border="0"><br />
<br />
BORDER="0", being the key thing to add in there<br />
<br />
Hope this is what you meant<br />
<br />
Regards,<br />
Q<!--content-->I "think" I know what he is talking about,<br />
its the box that appears around an element contents when an onclick event is triggered,if you click on a link you will see a tiny box just around th text...I'd be surprised if there is a way in CSS to remove that...<!--content-->Yes it is the 'focus' area indicated by a dotted border. There is a way to remove it in CSS. But like Charles says, it is a very bad idea. Try navigating a website with the TAB button and see how the dotted border is essential.<!--content-->I understand what you're saying. but on Macromedia's website they have removed the blue boxes somehow - I looked at the source but can't figure out how. However, they have replaced the blue boxes with an accessibility link, by inserting a gif image - so the boxes are a pretty yellow colour that look much nicer on the site!<br />
<br />
<!-- m --><a class="postlink" href="http://www.macromedia.com/">http://www.macromedia.com/</a><!-- m --><br />
<br />
(I believe the blue boxes only appear in IE, it's dotted lines for Netscape)<!--content-->Hmm... in IE the links are highlighted in yellow (when using TAB) but you cannot get to the links at the bottom!<br />
<br />
In Mozilla 1.4, the tabs do nothing at the top, but cycle round the bottom links.<br />
<br />
Text links are highlighted in blue with a dotted border in both browsers.<!--content-->Originally posted by Hester <br />
There is a way to remove it in CSS. <br />
<br />
Mind sharing that way please???????
<!--content-->