Displaying three images together

Discussion in 'CSS' started by dans107, Jan 10, 2010.

  1. #1
    Hi,

    I have three advertisements that I want to display together.

    There are two 250 (wide) x 70 (tall) and one 125 x 125.

    I would like the two 250 x 70 advert to be above each other, on the left of the 125 x 125 advert.

    I can get the one of the 250 x 70 to be next to the 125 x 125, but the other is always above or below.

    Apologies if that doesn't make much sense, but can anyone help?

    Kind regards,

    Dan
     
    dans107, Jan 10, 2010 IP
  2. dans107

    dans107 Peon

    Messages:
    452
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Typical - spent all day trying to figure this out, posted asking for help then half hour late I worked it out.

    Mod, please close the thread.

    Thanks,

    Dan
     
    dans107, Jan 10, 2010 IP
  3. ORiN

    ORiN Well-Known Member

    Messages:
    753
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    130
    #3
    So what is the method that you used for that? I am curious to know. :D
     
    ORiN, Jan 10, 2010 IP
  4. dans107

    dans107 Peon

    Messages:
    452
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Honestly? I'm not too sure!

    I think the way it finally worked was that I simply put the code for displaying them in a different order (the 2 250 x 70s first, followed by the 125 x 125 last).

    I'll take a look and make sure of it, but i'm sure it was something as simple as this!

    Dan
     
    dans107, Jan 13, 2010 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    If you were floating them, then the source order would indeed have something to do with it. In general, the float should come first in the source in order to have the next, non-floated item to sit beside it rather than below it.

    Yeah, I hear inlines aren't supposed to have this problem but enough browsers give a newline to everyone that it's just safer to use "put the float first" as the rule of thumb.
     
    Stomme poes, Jan 14, 2010 IP