Welcome to WebmasterWorld Guest from 54.158.143.40

Forum Moderators: open

Message Too Old, No Replies

Opera and Links

Extra Space

   
2:38 pm on Feb 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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!

5:50 pm on Feb 10, 2003 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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"?

7:54 pm on Feb 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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.

5:26 am on Feb 12, 2003 (gmt 0)

10+ Year Member



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.

5:30 am on Feb 12, 2003 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.