Links Move When Hovered On

  • elysiayuen

    (@elysiayuen)


    12 years, 4 months ago

    Hi,

    I’ve posted about this before, but it wasn’t resolved. I really don’t know what to do and it has become a problem with the users of our web site. Users are having a difficult time clicking the links because they are moving. Throughout the entire webpage, there are some links that move when the mouse is hovered over them. For example, when hovered over, it makes the other text or links around it move up or down. It occurs in all browsers except Safari. Please help!!!

    I’ve tried looking at all the specific links in the code, and can’t figure it out. I’ve looked at the CSS file and it doesn’t seem like there is anything off on the padding. Here is the CSS code:

    p a:hover { text-decoration:none;}

    The link to the pages that have a lot of the problems are below.:

    http://guadalupeschoolslc.org/parentsstudents/

    http://guadalupeschoolslc.org/charter-school/

    Thank you! I appreciate any help that can be offered.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Pioneer Web Design

    (@swansonphotos)

    12 years, 4 months ago

    First, you are using an onclick javascript event on those items to download a pdf.

    <p class="ppara"><a target="_blank" href="http://guadalupeschoolslc.org/wp-content/uploads/images/2014/01/Application-Early-Childhood-Education-English.pdf" onclick="javascript:_gaq.push(['_trackEvent','download','http://guadalupeschoolslc.org/wp-content/uploads/images/2014/01/Application-Early-Childhood-Education-English.pdf']);">Application for In-Home, Toddler Beginnings, Preschool</a></p>

    Second you have many markup errors, this one being probably hard to find for many:

    <ii>Capital Campaign…………….</ii>`

    See the ii <=== , not li

    Thread Starter elysiayuen

    (@elysiayuen)

    12 years, 4 months ago

    Thanks for your response. I’m not extremely skilled in coding. How do I fix the onclick javascript event problem?

    For the markup erros, I am starting to work on fixing those now. Thank you!

    webbrewers

    (@webbrewers)

    12 years, 4 months ago

    To fix the shifting links, in your theme’s stylesheet, remove the “float:left;” from:
    #contentblock2 p a:hover { float:left; text-decoration:none; }

    Thread Starter elysiayuen

    (@elysiayuen)

    12 years, 4 months ago

    You are a complete genius! So I removed the “float:left;” and it worked! Thank you!!!!!!!!!!!!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Links Move When Hovered On’ is closed to new replies.