Jump to content
Stef's Coding Community


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About creativeg33k

  • Rank
    New member
  1. Hehe! Thank you! I've spoken to the client about the design width and got them to let me make it a little smaller to make it easier for those with lower res monitors:
  2. Update! It worked great. This is exactly the effect I was going for: #flowers { position:absolute; bottom:0; z-index:1000; width:698px; height:686px; left: 50%; margin-left: -785px; } What's perfect is that the image overlays the content but doesn't line up with the left of the screen...and in fact falls off the screen to the left if the resolution is lower. Thank you so much!
  3. I've set the image flowers.png in a separate div within the container... #container { position:relative; margin-left:auto; margin-right:auto; } #flowers { position:absolute; bottom:0; z-index:1000; width:698px; height:686px; } ... <div id="container"> <div id="flowers"><img src="flowers.png" /></div> ... So now it's above the rest of the site but the positioning is still off. I'm going to test what you've just posted to see how that goes.
  4. Yeah the client wants it to be something that is viewable more for people with larger screen resolutions so it's understood that elements will fall off the way. As for the design, I've updated it and I've figured a part of it out... but I haven't gotten how to make sure the flowers.png is a specific number of pixels from the center. Is there a way to do that?
  5. Hello everyone! I'm new here and I have a question that's driving me nuts for a specific project I'm currently working on. I need to position an image at the bottom of the page, not the screen...and I need that image to be on top of the rest of the content and I also need it to be offset from the center about 450px. Currently, I have it just as the background image to a container div...which ensures that it lines up at the bottom of the page... but the z-index doesn't work. Here's the page in progress... In order for that to be offset from the center, I saved the image with extra space to spare...which obviously does not work in putting the image in as something other than a background as it adds a horizontal scroll. Here's the image that needs to be in the position viewed in the link above so that it overlays the rest of the content: I'm betting there is an easy fix but I'm too close to it to see right now and too frustrated after multiple attempts failed. Thank you!
  • Create New...