Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    him
    him is offline
    New Coder
    Join Date
    Mar 2003
    Location
    +44
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS on Hyperlinks

    Hi,

    I have seen people able to use CSS on hyperlinks to create an effect like when the mouse is hover the link, the text would slightly go down but when you let go it would pop back up again. Does anyone know how to do it? And is there any tutorial site on JS and CSS?

    Thanks,
    him

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I haven't tried it but I see no reason why this wouldn't work in most cases...

    a:link { margin-top: 0px }
    a:hover { margin-top: 10px }

    If that doesn't bring the desired effect, try it with padding.

    a:link { padding-top: 0px }
    a:hover { padding-top: 10px }


  •  

    Posting Permissions

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