treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Have different images on left and right side of page

  • Hi,
    I wanted to know if there is a way of having and area that will extend to the left and then not be on the other side, an example is:

    http://farm4.static.flickr.com/3470/3922816593_950173c760.jpg
    (sorry about the quick and ugly skitch drawing)

    Anyone know if this can be done?
  • *Moved to CSS section*

    Are you referring to background images? What exactly are you trying to accomplish? Be as specific as possible!
  • I wanted the main area to either be a set colour or have an image and align it to the left... Do you get what i mean?
  • I wanted the main area to either be a set colour

    You can have a main content area have it's own color.
    or have an image and align it to the left...

    2. I still don't understand what this means.
  • according to the sketch... one way I've done the extend-to-the-left thing is to make it a graphic and set it absolutely positioned using a *right* value. So it can hang off the left of the page without causing scroll.
  • OK, thanks. I think that I get what you mean (and that is what i meant by the extended area), I'll give it a go :)
  • Not sure if i should start a new topic for this but is there a way of doing this and having the bit on the left a div that would grow/shrink when you move the page. So a mock up like this:

    <div id="head"> </div>

    <div id="leftExpander"> an auto width that will grow/shrink </div>
    <div id="main"></div>
    <div....footer....

    any ideas? I am not sure if this can be done... Also, should it be in a new thread?
  • why not have the content area have extra space and make it left:-so many pixels???