Forum Moderators: open
I'm on Mac doing a site (which I can't direct you to because it's password protected. Sorry).
The menu is a table (cell space 0)with CSS'd links. When I view in my Mac, it looks good. But in a PC, every cells has a ugly black border about 2-3 pixels wide. How can I get rid of that?
And another thing: in PC, a clicked link gets this dotted frame. Is there a way to avoid that?
Thanks in advance!
Dan
And another thing: in PC, a clicked link gets this dotted frame. Is there a way to avoid that?
This is IE's way of indicating the currently focussed element - it's there for people using the keyboard instead of the mouse (tab and enter). You can disable it by setting the hidefocus attribute to true in the appropriate element:
<a href="www.WmW.com" hidefocus="true">WmW</a>
I think this is IE only but it shouldn't cause any problems with NN4 etc.. (I have no idea whether it validates).
Thanks for input. Joshie: I will try your tip a.s.a.p. Knighty: I HAVE space/border set to 0. See code below.
Dan
<table width="120" cellspacing="0" cellpadding="1" border="0" height="345">
<tr>
<td class="menuheadline">MENU</td>
</tr>
<tr>
<td class="menutext" onMouseOver="this.style.backgroundColor='#A9A9A9'" onMouseOut="this.style.backgroundColor='#FFCC66'"><a href="http://www.mysite.com/index.html" target="mainFrame">Welcome</a></td>
</tr>
I'm so ashamed I've gone purple. I think I found what caused the black border. Can't check now 'cos I'm at the Mac again, but tomorrow I'll check in a PC (aaarrrgghhh... I have to buy one...).
I have managed to add the borders in the CSS style sheet without knowing it. (that HURTS to say...)
If the problem still remains, I'll give you a holler tomorrow. A million thanks for your concern, input and offer to help out!!!
Dan