Links move 10pixels to the right upon hover

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • freddukes
    New Member
    • Sep 2008
    • 18

    Links move 10pixels to the right upon hover

    Okay... I've searched google and these forums for about an hour now and I can't find anything (I'm surprised - I must be blind)... My website is http://stehartin.krpk.co.uk and when I hover hover some links the text or pictures move about 10 pixels to the right... Do you know the cause for this? Would it help if I posted you the HTML / CSS code I currently have?

    Sorry for the noob question - I'm not so good with PHP / CSS / HTML - My main background is Python and C++...

    If this question has already been answered in another thread, please link me to it and then ignore me for being ignorant and stupid ^_^

    Thanks in advance

    -freddukes
  • David Laakso
    Recognized Expert Contributor
    • Aug 2008
    • 397

    #2
    No CSS files or HTML necessary when the URI is provided-- thanks for that.

    1/ Validate the markup
    2/ Validate the CSS
    3/ The correction is:
    Code:
    #pageLinkBar a, a:visited, a:hover, a:active
    {
    padding:2px 10px 0 10px;<-------------- :: delete
    margin-left : 2px;<-------------- :: delete
    }
    You did not ask about anything else...

    Comment

    • freddukes
      New Member
      • Sep 2008
      • 18

      #3
      Thank you so much, I didn't realise I had missed the ID name for a:hover etc etc... That fixed it now, thank you so much for pointing out my error.

      -freddukes

      Comment

      Working...