WordPress.org

Ready to get started?Download WordPress

Forums

Centered image with a link (5 posts)

  1. Joebar
    Member
    Posted 9 years ago #

    My centered images with links are behaving differently in IE and Firefox (not sure what's happening with other browsers)..

    IE has the expected result of just the image being hotlinked -- mouse changes icon when hovering over image.

    In Firefox, the entire block the image is in is hotlinked -- mouse changes icon when to left and right of image, not just within image constraints.

    Can anyone assist with the solution to this? :) Here is my css code for my image centering class:

    img.center {
    display:block;
    margin:0 auto;
    border:2px solid #88A;
    -moz-border-radius:6px;
    padding:4px;
    background:#FFF;
    }

    Thanks!

  2. Joebar
    Member
    Posted 9 years ago #

    wow nobody? :)

  3. Ajay
    Member
    Posted 9 years ago #

    What is the link to your page where you have this?

    Also could -moz-border-radius:6px; be making a difference?

  4. Joebar
    Member
    Posted 9 years ago #

    Click my username :)

    No, the that line doesn't make a difference.

  5. Joshua Sigar
    Member
    Posted 9 years ago #

    I don't think you can do it without an additional markup.

    <div class="center"><a href=""><img src="" /></a></div>

Topic Closed

This topic has been closed to new replies.

About this Topic