Forums

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

Home Forums CSS Line and button placement on top of images Reply To: Line and button placement on top of images

#298143
uxfed
Participant

I think I see what you’re trying to do with the line, but not the button. Anyway I think I’ve inferred enough to give you some starting advice.

  • What you’ve started doing with the position: absolute style is correct – you’ll need that to position your lines in the correct spots. One extra step you’ll need though is to set position: relative on the .thumbnail element. This says that the line will be absolutely positioned relative to the thumbnail element.
  • Then on the lines, set top and left styles. You’ll want to work in percentages rather than pixels to account for responsiveness.