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 4 of 4
  1. #1
    New Coder
    Join Date
    Jun 2007
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    jumping images with links

    Hi
    I am trying to put a border around linked images that only show on hover. I can make it work OK but the image jumps as soon as I hover over it. I tried putting a border that is the same color as the background around the non hover state for the link but this did not improve the jumping. Any ideas please?
    Mark Wiseman
    allthewikis.com
    Enjoy your life and each moment in it,
    Know the purpose of every minute.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Any sample code or link to show up?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    place the same size border on the 'not hovered' images, but the colour of the background, so that 'on-hover', you are not adding the borders to the layout, just altering the colour.

    and, yes, having some code would be nice. Post your code if you have trouble understanding my comments.

  • #4
    New Coder
    Join Date
    Jun 2007
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks people it works now
    .entry-content a img{ border: 1px solid #ffffff; }
    .entry-content a:hover img{border: 1px solid #e82f14;}

    I had the image and link tabs the wrong way round before.
    Mark
    Mark Wiseman
    allthewikis.com
    Enjoy your life and each moment in it,
    Know the purpose of every minute.


  •  

    Posting Permissions

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