Grow your CSS skills. Land your dream job.

Image Placement Issues

  • # June 26, 2012 at 6:52 am

    I”m looking to move an image of a saw in between two borders so it is looks likes this.

    I believe I have centered the image correctly but it appears I haven’t and I am loathe to use padding if that is not right way, as I want this to be semantic as possible for a responsive design. I also need it to be placed within the two borders with one border stacked in front. Presumably I need use z-index to do that but I haven’t got that far.

    JsFiddle

    # June 26, 2012 at 7:33 am

    Actually, I just noticed the suggested changed uses an empty div it which isn’t ideal. Any other suggestions?

    JsFiddle

    # June 26, 2012 at 10:17 am

    I confess my inclination would be to do this as a background image.or three.

    # June 26, 2012 at 10:57 am

    That’s what I was thinking too but I thought doing i via css would have been preferable. I ‘ll give it a shot . thanks.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".