Unsightly CSS-display borders

[50295]

Hello,

I'm building a menu for a page, like this (snippet):

<td align="center">
<a href="#" style="display:block">Contact</a>
</td>

As a result, I get nice clickable tabs. However, there's the
not-so-nice problem of unsightly borders shown here:
http://i17.photobucket.com/albums/b5...d/not_nice.jpg

When however, I click elsewhere, I lose the ugly highlight as shown
here:
http://i17.photobucket.com/albums/b5...ohead/nice.jpg

Is there anything I can do about this? Is there a way to lose focus or
something like that.

Thanks,

- Olumide

[Neredbojias]

To further the education of mankind, 50***@web.de vouchsafed:

Hello,

I'm building a menu for a page, like this (snippet):

<td align="center">
<a href="#" style="display:block">Contact</a>
</td>

As a result, I get nice clickable tabs. However, there's the
not-so-nice problem of unsightly borders shown here:
http://i17.photobucket.com/albums/b5...d/not_nice.jpg

When however, I click elsewhere, I lose the ugly highlight as shown
here:
http://i17.photobucket.com/albums/b5...ohead/nice.jpg

Is there anything I can do about this? Is there a way to lose focus or
something like that.

Yes. Javascript can be used to remove the focus from the link after
clicking.

<a href="#" onMouseUp="this.blur()" style="display:block">Contact</a>

--
Neredbojias
Infinity has its limits.

[Johannes Koch]

50***@web.de wrote:

As a result, I get nice clickable tabs. However, there's the
not-so-nice problem of unsightly borders shown here:
http://i17.photobucket.com/albums/b5...d/not_nice.jpg

This is a hint to users where the focus is. Keyboard user like or even
need it. If _you_ don't like it change your user style sheet.

f'up2 c.i.w.a.s.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)