Welcome to WebmasterWorld Guest from 54.167.177.207

Forum Moderators: open

opera - this is nasty!

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

10+ Year Member



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 Jun 18, 2002 (gmt 0)

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



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

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



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 Jun 18, 2002 (gmt 0)

10+ Year Member



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 Jun 19, 2002 (gmt 0)

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



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 ;)

 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month