[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


Mouse-over buttons not working on single page

Posted on 2011-05-05
Medium Priority
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:Jon Imms
  • 3
  • 2
LVL 13

Expert Comment

ID: 35699882
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

jonahzona earned 2000 total points
ID: 35699989
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

by:Jon Imms
ID: 35700154
Brilliant. Thank-You

Author Closing Comment

by:Jon Imms
ID: 35700157
Solved this issue perfectly.
LVL 13

Expert Comment

ID: 35700161
Glad to help!

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
Suggested Courses

872 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