Grow your CSS skills. Land your dream job.

adjust specific divs inside td adjacent to each other

  • # May 20, 2013 at 1:43 am

    Hi I have following HTML

    [MOD EDIT: Unreadable Code removed – JSFiddle available]

    I want to arrange data 5,6 adjacent to data 1,2 or any upcoming data adjacent to data 1,2 how can I do this using CSS.
    for more visit http://jsfiddle.net/vishalpatwardhan/rYsKF/4/

    # May 20, 2013 at 2:06 am

    It is really confusing that what is it you are trying to achieve :

    you have inserted two tds, in the first you have divs (aligned one below the other) and in the second td you have 4 divs. And you want to break the second td into two different parts and display it adjacent to first div.

    just to mention: using inline-block wont help you. if you use tr td then it will function the way they are. i.e. tr breaks a line and td creates a column.

    just a mere suggestion : avoid using tables! use divs, they give you better flexibility

    # May 20, 2013 at 5:29 am

    >just a mere suggestion : avoid using tables! use divs, they give you better flexibility

    Generally true bit in the case of tabular data (as seems to be the suggestion here based on the fiddle).. a table is probably the best option.

    # May 20, 2013 at 5:29 am

    Other than that, I agree, I’m trying to figure out what it is you are trying to do.

    Do you have an example /image of how this is supposed to work?

    # May 22, 2013 at 12:26 am

    I want to adjust data to be adjacent to each other only new coming data e.g. in this case you see I arrange data 5 adjacent to 4 but can I achieve something like adjacent to 1 and then to data 2 and so on..
    Is it possible if not, then should I make arrangements so that data 5,6 will reside in first tr,td and this way is there any solution to make it work ?

    # May 22, 2013 at 1:57 am

    Just restating the requirement doesn’t help.

    We need to know WHY this is important so we understand the context and can offer solutions.

    Do you have examples/images of before and after states?

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

You must be logged in to reply to this topic.

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