Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Place image centered in div border

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 12, 2018 at 9:32 am #265317
    cives
    Participant

    Hi all – wondering if it is possible to place an image in the middle of a div border (see screenshot below).

    The what I am trying to achieve is the grey ‘download’ icon, centered at the top of the div. The mockup has it cutting into the border, and I’m not sure how to achieve this.

    My guess is absolute positioning, w/ z-index… any ideas?

    Screen_Shot_2018_01_12_at_11_28_01_AM

    January 12, 2018 at 9:35 am #265318
    Paulie_D
    Member

    My guess is absolute positioning, w/ z-index… any ideas?

    Sounds right…got some code?

    A demo with your HTML & CSS in codepen.io is optimal here.

    January 12, 2018 at 9:57 am #265319
    cives
    Participant

    Looks like I talked myself through it! Lol! I’ll give you the good answer cred, Paulie.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.