image float question

Discussion in 'CSS' started by dnahosting, Feb 5, 2007.

  1. #1
    How do I go about floating a large pic to the left with 4 smaller pics (2 rows/ 2 columns) to the right? I have been using all kinds of different combinations of float,clear etc but no luck so far.
    The attached pic may help anyone understand what i am trying to achieve
     
    dnahosting, Feb 5, 2007 IP
  2. unitedrokz

    unitedrokz Peon

    Messages:
    86
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    have you tried a putting in 2 column divs (one for the left image and one for the 4 on the right)

    something like

    #leftdiv {
    float:left;
    width:whatever;
    }

    #rightdiv {
    float:right;
    width:whatever;
    }

    and then....

    <div leftdiv>insert image here</div>
    <div rightdiv>insert 4 images here</div>



    i havent tested this obviously - but off the top of my head i think with a little customisation this should work
     
    unitedrokz, Feb 5, 2007 IP
    dnahosting likes this.
  3. master06

    master06 Peon

    Messages:
    2,806
    Likes Received:
    121
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i think this works great.;) also you should use new div or &nsb.. tag on between 4 small images.
     
    master06, Feb 6, 2007 IP
  4. dnahosting

    dnahosting Active Member

    Messages:
    385
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    60
    #4
    no i haven't tried columns, figured there was a way to do it without it but that is what I will do.
    thanks united

    ::edit::
    worked perfect! Thanks United
     
    dnahosting, Feb 6, 2007 IP
  5. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #5
    basically when you try to float multiple divs is wrapping them into bigger ones really good way to go, you have it then nicely divided and under control...
     
    Smaug, Feb 7, 2007 IP
  6. unitedrokz

    unitedrokz Peon

    Messages:
    86
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    no problems - glad i could help
     
    unitedrokz, Feb 7, 2007 IP