homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

opera - this is nasty!

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

Which version are you testing in?


 8:34 am on Jun 18, 2002 (gmt 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 Jun 18, 2002 (gmt 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 Jun 19, 2002 (gmt 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 ;)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Opera Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved