Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] spanning a element

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #210441
    zaahideen
    Participant

    hi, i am trying to create

    <div> layout where there are TWO columns and TWO rows. BUT i need the LEFT column to span over two rows.
    so this is what ive got so far:
    https://jsfiddle.net/zaahideen/f7z27vmp/embedded/result/

    but the problem i have is that when resizing the browser i cant get the #text div to appear under the image div.

    any suggestions please?

    #210442
    Paulie_D
    Member

    It’s not clear which #text div you are referring to since none of the divs in your demo have IDs.

    At what point should the #text div (whichever one it is) be under the image? You don’t seem to be using media queries.

    Also, you might consider making it easier for the rest of us by extracting all the inline CSS to the proper styles area as provided by JSfiddle.

    #210448
    zaahideen
    Participant

    awfully sorry for not presenting my coding correctly.

    please see updated version now:
    https://jsfiddle.net/zaahideen/f7z27vmp/7/

    so i need the “.text_container” to move below the “#quick_link_image” when the browser reaches 850px in width.

    please help

    #210453
    Beverleyh
    Participant

    The left float on .quick_link_image is making it sit to the side so look into using media queries, and only set the float when min-width:850px is reached.

    #210576
    zaahideen
    Participant

    thanks

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.