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

[phil-news-nospam]

In comp.infosystems.www.authoring.stylesheets 50***@web.de wrote:

| 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.

Could you provide a URL to a complete page that minimally shows what
you are doing, along with the CSS you are using? I'd particularly
want to see the CSS as that is where the borders are likely to be
specified.

--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
| (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------

[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.)