Opera and Links

Extra Space

[madcat]

Hi-

In Opera 6.01 and 7, when I underline links there is always about an extra three or four pixels at the end. So the underline extends well past the text. Anyone know why this might be happening?

The search for this came up with nothing.

Thanks!

[tedster]

I've used both versions (O7 right now) and have never seen this phenomenon.

Could you copy/paste an offending anchor tag, replacing the URL with "example.com"?

[madcat]

The CSS used:

a.map:link, a.map:visited
{
color: #369;
background: #fff;
text-decoration: underline;
font-size: .8em;
}

a.map:hover
{
color: #369;
background: #eee;
text-decoration: underline;
font-size: .8em;
}

Sample HTML links:

<a class="map" href="index.html" title="Home">Home</a>
<a class="map" href="networking/" title="Networking">Networking</a>

---------------------

Actually, it must be a problem within this set of HTML docs, because links are behaving as they should in this new page I'm building. But, these come directly from the source and I still can't see why there would be extra space at the end.

[nex2k]

Browsers are supposed to interpret line-breaks as a single space, so if your HTML links look like:

<a href="example.html">
 Example Link
</a>
--OR--
<a href="sample.html">Sample Link
</a>

The browser will change the line-break to a space and underline it as if it were part of the link.

[tedster]

Is this phenomenon ONLY in Opera? Most of what I can think of should show up cross-browser. However there are areas where only Opera does things correctly.

How about CSS inheritance -- is there a padding-right: or margin-rght; rule inherite from a parent element somewhere?

And welcome to WebmasterWorld, nex2k. Good to have you here.