How do I show my page into two columns

[Ccriminal]

How can we do as in the picture

hopefully I did not open this topic in the wrong place )

 

[Ferdinand]

Hi I get the display broken in safari with the code below.

.node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost, .node .tinyIcon {
    left: 20px;
    position: relative !important;
}
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
.nodeList .node.level_1 {
clear: both;
}

.node.category {
    min-height: 95px;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: auto;
float: none;
min-height: 0;
}
}
.node .nodeControls {
display: none;
}

I'd like to have the nodeLastPost on the right like the pic below but don't know how, can anyone help?

 

[Allan]

Add this to EXTRA.css:

.node .nodeText {
margin-right: 0 !important;
}

.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}

.nodeList .node.level_1 {
clear: both;
}

The CSS will need to be adapted to suit, this may mean adding other node types, changing the min-height, etc.
Further tweaks can be made in Style Properties.

The result of the above simple code is as follows:

View attachment 27746

Work but



An idea ?

 

[NickM22]

Is there a way to do this but still have it show who last posted and what the thread was.

 

[Travis]

Just tried this but it looks messy....


Any ideas on tidying it up? a bit lost. my code is:

 .node .nodeText {
margin-right: 0 !important;
}
.node .nodeLastPost,
.node .tinyIcon {
position: relative !important;
}

.node .nodeControls {
    right: 295px !important;
    top: 42px !important;
}
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
.nodeList .node.level_1 {
clear: both;
}

 

[Dad.]

I created a resource here to help people with this issue: http://xenforo.com/community/resources/side-by-side-nodes.2449/

 

[Eagle]

.nodeList .node.level_1
{
    clear: both;
    overflow: auto;
}

This will fix all problems.