• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 242
  • Last Modified:

Mouse-over buttons not working on single page

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.  

webpage

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

Thank you
0
Jon Imms
Asked:
Jon Imms
  • 3
  • 2
1 Solution
 
jonahzonaCommented:
It has to do with your #page-button-wrap div. I am trying to see what the simplest way to resolve the problem is.
0
 
jonahzonaCommented:
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.
0
 
Jon ImmsWeb DeveloperAuthor Commented:
Brilliant. Thank-You
0
 
Jon ImmsWeb DeveloperAuthor Commented:
Solved this issue perfectly.
0
 
jonahzonaCommented:
Glad to help!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now