treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

[Solved] Image Placement Issues

  • tobeeornot
    Permalink to comment #
    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
  • tobeeornot
    Permalink to comment #
    Actually, I just noticed the suggested changed uses an empty div it which isn't ideal. Any other suggestions?

    JsFiddle
  • Paulie_D
    Permalink to comment #
    I confess my inclination would be to do this as a background image.or three.
  • tobeeornot
    Permalink to comment #
    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.
Add a Comment