SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Weird Hover with link thing going on...

    Hello All:

    At my site, Paul Squillace: Design, Devleop, Deploy!, I seem to find that the links at the top of the page seem to only link the top part of the word and not the whole word itself.

    I am not sure I ever experienced this before or know what is going on.

    Any advice or help on this would be great.

    thanks

    Paul
    ********
    Regards,

    P

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    It's working fine in Opera. What browser/version are you having problems with?

  3. #3
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah for some reason in FF and chrome and safari it seems to link but only when I hover over the top part of the word.
    ********
    Regards,

    P

  4. #4
    SitePoint Addict EarlyOut's Avatar
    Join Date
    Mar 2011
    Location
    Sector R
    Posts
    280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm definitely seeing the problem in FF4 and IE9.

    Disclaimer: I don't know how to fix this. But the problem is not actually with the href links themselves. The problem, I think, is that the "s1" div is overlapping the navigation. See the blue outline on the attached screenshot.
    Attached Images Attached Images

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    You can fix it by adding overflow:hidden to the nav container:

    Code:
    .navigation {
      margin: auto;
      overflow: hidden;
      padding: 5px;
      width: 1250px;
    }
    It's best not to use position:absolute for page layout, though, as this is the sort of problem it quickly starts to cause.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  6. #6
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ralph,

    Thanks so much for that help and advice,

    Works Perfect now.

    Paul
    ********
    Regards,

    P


Bookmarks

Posting Permissions

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