Grow your CSS skills. Land your dream job.

Have different images on left and right side of page

  • # September 15, 2009 at 12:54 pm

    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:

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

    Anyone know if this can be done?

    # September 15, 2009 at 3:54 pm

    *Moved to CSS section*

    Are you referring to background images? What exactly are you trying to accomplish? Be as specific as possible!

    # September 15, 2009 at 4:48 pm

    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?

    # September 15, 2009 at 5:02 pm
    Quote:
    I wanted the main area to either be a set colour

    You can have a main content area have it’s own color.

    Quote:
    or have an image and align it to the left…

    2. I still don’t understand what this means.

    # September 15, 2009 at 9:04 pm

    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.

    # September 16, 2009 at 8:40 am

    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 :)

    # September 16, 2009 at 11:43 am

    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?

    # September 16, 2009 at 12:09 pm

    why not have the content area have extra space and make it left:-so many pixels???

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".