dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: Need Help: Opera and Hover

  1. #1
    Join Date
    Jun 2004
    Posts
    91

    Need Help: Opera and Hover

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

    http://www.digitpress.com/DPNEW/
    http://www.digitpress.com/DPNEW/style.css

    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

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Works perfectly in Opera 7.02 win XP

  3. #3
    Join Date
    Jun 2004
    Posts
    91
    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?

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    I see it in Opera 7.54
    tag mismatch in menu? <dt><a href="">Easter Eggs</a></dd>

  5. #5
    Join Date
    Jun 2004
    Posts
    91
    Copy and paste gone out of control. Thanks for pointing that out.

    However, it did not fix the problem

  6. #6
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    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.
    Last edited by Fang; 06-24-2007 at 01:46 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles