/    Sign up×
Community /Pin to ProfileBookmark

Need Help: Opera and Hover

Copy linkTweet thisAlerts:
Feb 11.2005

I beleive I’m down to the final bug with this project =)

[url]http://www.digitpress.com/DPNEW/[/url]
[url]http://www.digitpress.com/DPNEW/style.css[/url]

In regards to the hover and the navigation menu to the left:

The hover effect works perfectly in IE and Firefox, but is doing something so bizarre in Opera, that I’m not sure what its doing.

The bottom border is either being bumped up from the current element, or being bumped down from the above element. Additionally, the background and right border don’t appear and disappear correctly.

Any nudges in the proper direction would be appreciated. Thanks ?

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangFeb 11.2005 — Works perfectly in Opera 7.02 win XP
Copy linkTweet thisAlerts:
@siskoauthorFeb 11.2005 — Strange.

Im running 7.51 on XP.

Does anyone else have this problem, or is something funny with a setting I don't know about?
Copy linkTweet thisAlerts:
@FangFeb 11.2005 — I see it in Opera 7.54

tag mismatch in menu? <dt><a href="">Easter Eggs</a></dd>
Copy linkTweet thisAlerts:
@siskoauthorFeb 12.2005 — Copy and paste gone out of control. Thanks for pointing that out.

However, it did not fix the problem ?
Copy linkTweet thisAlerts:
@FangFeb 12.2005 — It seems to work off-line, although a reload in Opera 7.54 causes a change in the width of #middle.

Probable cause is the use of em units in 'belts' (margin, border and padding)

It is advisable to use absolute units for these, generally, small values to avoid rounding errors.

The page now validates; the menu was still wrong and some other errors have been corrected.

The menu is now positioned absolute to resolve another problem in Opera.

Quite a few changes have been made to the CSS; compare it to original.

The basic problem with the menu was in balancing #navlist dt a, #navlist dd a with the pseudo-classes, same borders etc.
×

Success!

Help @sisko spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...