3 Replies - 822 Views - Last Post: 27 August 2013 - 04:03 PM

#1 Hulu  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 51
  • Joined: 17-July 13

Image Positioning

Posted 26 August 2013 - 06:17 AM

I have been having a little trouble trying to position the images i cut from the PSD of the final mockup of the site i have been working on. The CSS that photoshop made has every image position: absolute; then it says how far from the top and left the image is. I don't like that cause when I try to use the same image over it keeps overlapping the previous one. I have an element that feeds News to the main page of a site. But the "Panel" that the news is in uses an image as a title and with the image being position: absolute; it just keeps overlapping each news post in the same spot.

Is This A Good Question/Topic? 0
  • +

Replies To: Image Positioning

#2 exiles.prx  Icon User is offline

  • D.I.C Head

Reputation: 65
  • View blog
  • Posts: 241
  • Joined: 22-November 10

Re: Image Positioning

Posted 26 August 2013 - 07:21 PM

Hopefully this PSD to HTML tutorial will be helpful. I used it many years ago and found it useful at the time so maybe you will too :)

Your main focus point is most likely the CSS and layout design.

This post has been edited by exiles.prx: 26 August 2013 - 07:22 PM

Was This Post Helpful? 0
  • +
  • -

#3 Hulu  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 51
  • Joined: 17-July 13

Re: Image Positioning

Posted 27 August 2013 - 12:26 PM

Thanks for the tutorial but it didn't help much... I'm getting fed up with this thing. And I can't find anything that will help me. :(
Was This Post Helpful? 0
  • +
  • -

#4 apathybear7  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 35
  • Joined: 19-June 13

Re: Image Positioning

Posted 27 August 2013 - 04:03 PM

It is hard to decipher what your problem is. Things are overlapping? Have you tried setting a Z-index?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1