Welcome to WebmasterWorld Guest from 54.144.107.83

Forum Moderators: open

Message Too Old, No Replies

Opera and Links

Extra Space

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


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)

New User

10+ Year Member

joined:Feb 11, 2003
posts:15
votes: 0


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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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.