place footer images to left and right of container

Posted on 2012-08-27
Medium Priority
Last Modified: 2012-09-12
I have a footer image image set on my set but want to make the twine in the image appear to go across the page (without pixelating).  So, is their a css hack to place an image to the left and right sides of the container. the container is 960px wide.

so whatever resolution a user may have, those 2 images would appear next to the middle footer graphic is what I'm driving at.
Question by:COwebmaster
  • 2
  • 2
LVL 53

Expert Comment

ID: 38337590
So we need to solve a problem with an image without seeing anything?  A link to the page might help.  As it stand now I have no idea what you are asking from us.


Author Comment

ID: 38337609
sorry, url is here:  http://jsc.seozones1.com
LVL 53

Accepted Solution

COBOLdinosaur earned 2000 total points
ID: 38337721
You have sort of painted yourself into a corner.

Three possibilities:

Create a small image of the twine and use absolute positioning to get it where it needs to be on the page.  It will be unreliable at best.


Extend the existing image right and left by extending the twine.  Will not handle resolution changes well.


Use an alternate background at the bottom that includes the twine, and play with positioning.  This will be the most work and the most difficult to get right, but it will be reliable cross-resolution once you get the positioning nailed down.

LVL 30

Expert Comment

ID: 38340761
I agree with CobolD.  I would make a background image with the wood and twine and repeat it. Then redo the image with the pictures and play with the positioning so that the twine and clothespins are lined up where you want/need them.

Author Closing Comment

ID: 38391079

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question