Mouse-over buttons not working on single page

Posted on 2011-05-05
Last Modified: 2012-05-11
Hi for some reason, our mouse-over links in our sidebar, are not working on a particular webpage. They are working correctly on every other page, but not this page.  


Could somebody have a look to see what is causing the problem, and how i can fix it?

Thank you
Question by:jonathan1978
    LVL 13

    Expert Comment

    It has to do with your #page-button-wrap div. I am trying to see what the simplest way to resolve the problem is.
    LVL 13

    Accepted Solution

    Okay, this is the CSS I gave it, works good.

    The problem was your #page-button-wrap div was overlaying part of your menu and causing it to malfunction. If you replace the following CSS rules, it should style it the way you want and stop this from happening.

    FROM LINE 610 of style.css

    #page-button-wrap {
      height: 176;
      margin-left: 216px;
      width: 818px;

    Open in new window

    FROM LINE 641 of style.css

    #photo-header {
      left: 216px;

    Open in new window

    FROM LINE 554 of style.css
    h3#new-page-title {
        background-color: #433A97;
        border-radius: 3px 3px 3px 3px;
        color: white;
        float: left;
        margin-top: 0;
        padding: 14px;
        text-align: center;
        text-decoration: none;
        top: 161px;
        width: 310px;

    Open in new window

    FROM LINE 498 of style.css

    #page-button {
        float: left;
        margin-left: 5px;
        top: 141px;

    Open in new window

    I would highly recommend backing up your CSS before making these changes, just in case. I am including a screenshot that shows the rollover image working and the style the same way it is now.

    Let me know if you need anything else.
       Screenshot with adjusted CSS.

    Author Comment

    Brilliant. Thank-You

    Author Closing Comment

    Solved this issue perfectly.
    LVL 13

    Expert Comment

    Glad to help!

    Featured Post

    Enabling OSINT in Activity Based Intelligence

    Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

    Join & Write a Comment

    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
    The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now