Welcome to WebmasterWorld Guest from 54.226.133.245

Forum Moderators: open

Message Too Old, No Replies

opera - this is nasty!

     
7:51 am on Jun 18, 2002 (gmt 0)

Full Member

10+ Year Member

joined:Feb 24, 2002
posts:289
votes: 0


yesterday my little peaceful opera world was suddenly
troubled when i took a look at a new menu page:
it uses
a:hover {text-decoration:none; font-weight: bold;}
where otherwise the link texts are not bold
the problem is that opera just displays the
bold text up to the length of the actual non-bold text
when hovering over it with the mouse.
it looks awful! :(
is there a work around?
8:20 am on June 18, 2002 (gmt 0)

Senior Member

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

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


Which version are you testing in?
8:34 am on June 18, 2002 (gmt 0)

Senior Member

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

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


If you do this it works:

a {
display: block;
text-decoration: none;
}
a:hover {
font-weight: bold;
}

Note that without text-decoration: none; for the a element you'll get an ugly overline :(

9:00 am on June 18, 2002 (gmt 0)

Full Member

10+ Year Member

joined:Feb 24, 2002
posts:289
votes: 0


thanks DrDoc, this works fine for me now:
a {display:block; text-decoration:none}
a:hover {display:block; text-decoration:none; font-weight:bold;}

:)
btw, i'm using Opera 6.04 build 1120
2:34 am on June 19, 2002 (gmt 0)

Senior Member

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

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


Just as a little tip ..

You don't need to re-declare display:block; text-decoration:none; for a:hover since you already have it in the global a identifier.

Saves you a couple of bytes ;)