Sent by BigJohn on 10 February 2002 00:12
There's a funny bug in Opera 6/win98 I can't
figure out.
Seems that browser won't show the pseudo-class
values (except for background and color) during
Hover. They're set to relativly position up and
left 1 pixel along with border changes, to simulate
a button lift.
Here's the css:
.menubar {
position: relative;
left: 0px;
top: 0px;
background-color: #e4cc99;
border-top: 3px solid #9888a8;
border-bottom: 3px solid #efe8c0;
color: #34a;
margin:1.5em 0 .5em 0;
padding: 4px 0 3px 0;
}
a.menubutton {
position: relative;
left: 0px;
top: 0px;
background-color: transparent;
border: 1px solid #e4cc99;
color: #239;
cursor: default;
font-family: garamond, serif;
font-weight: bold;
font-size: 1.2em;
letter-spacing: .1em;
margin: 1px;
padding: 2px 20px;
text-decoration: none;
}
a.menubutton:hover {
position: relative;
left: -1px;
top: -1px;
background-color: #e8d09c;
border-color: #efe8c0 #9888a8 #9888a8 #efe8c0;
color: #911;
}
a.menubutton:active {
position: relative;
background-color: transparent;
border-color: #e8d09c;
color: #911;
left: 0px;
top: 0px;
}
And the HTML:
<div class="menubar">
<a></a><!--CSS hack for IE wierdness-->
<a href="../rides.html" class="menubutton"
title=" Go to *Rides* page "
onFocus="if(this.blur)this.blur()">Rides</a
><a href="../main.html" class="menubutton"
title=" Go to *Main* page "
onFocus="if(this.blur)this.blur()">Main</a
><a href="../roadmap.html" class="menubutton"
title=" Go to *Roadmap* "
onFocus="if(this.blur)this.blur()">Roadmap</a>
</div>
See it in action:
http://users.rraz.net/mc_on_the_rocks/rides/sara.html
I've changed everything I can think of, to no avail.
Is this a known issue with Opera? Thanks.
PS-I know it's bad form to blur the focus, but IE
renders a very strange dot box otherwise.
=====
Big John==Http://users.rraz.net/mc_on_the_rocks/
"Another <table> bites the dust"
__________________________________________________
Do You Yahoo!?
Send FREE Valentine eCards with Yahoo! Greetings!
http://greetings.yahoo.com
