CSS Grurus, Help please!

[Reece^B]

Im trying to replicate the columns here:
http://web.archive.org/web/200503211...zy.net/forums/

Heres what it looks like:
http://stang.pitbikeclub.co.uk/?styleid=6

Here's the code:

#cat56 .forumhead + .childforum .L2:first-child .forumrow, #cat51 .forumhead + .L2 .forumrow {
    border-top: 0 none;
    height:100px;
}
#cat56 .forumrow .table {
    height: 100px;
}
#cat56 ol.childforum {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cat56 .childforum li.forumbit_post {
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}
#cat56 #forums .L1 .L2 {
    clear: none;
}
#cat56 .forumbit_post .forumrow .forumlastpost {
    clear: both;
    width: 95%;
}
#cat56 .forumbit_post .forumlastpost .lastpostby {
    display: block;
    float: left;
}
#cat56 .forumbit_post .forumlastpost .lastpostdate {
    display: block;
    float: right;
}
#cat56 .forumbit_post .forumlastpost .lastposttitle {
    display: block;
    float: left;
}
#cat56 .forumbit_post .foruminfo {
    clear: right;
    float: left;
    min-width: 50%;
    width: 70%;
}
#cat56 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {
    width: 20%;
height:100px;
}
#cat56 .forumbit_post .forumlastpost .lastposttitle {
    display: block;
    float: left;
}
#cat56 .forumbit_post .foruminfo {
    clear: right;
    float: left;
    min-width: 50%;
    width: 70%;
}
#cat56 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {
    width: 20%;
    height:100px;
}
#cat56 .forumthreadpost {display: none;}
#cat56 .forumlastpost 
#cat56 .forumactionlinks {display: none;}
#cat56 .forumbit_post .foruminfo .forumdata .datacontainer {
    padding-left: 140px;
    width: 80%;
}

Can someone help me where im going wrong? (all columns level + images now overlapping text?)

Thank you!!

[tbworld]

You may have to adjust your HTML on the template and the CSS to make this happen. Unfortunately, it is not easy to assist you unless someone wants to take on a project.

I applaud you being ambitious, but you may need a bit more HTML and CSS under your belt to handle this project. Sorry I cannot be of more help to you.

But. if you can narrow down your question, I would be happy to give you a hand.

[Lynne]

I agree in that it is probably easier to redo the template for that area than try to use CSS to move it around to where you want everything.

[ForceHSS]

<td width="190" valign="top" align="left" id="f2" class="alt1Active">
<div style="width: 190; height: 100">
<a href="/web/20050321184209/http://www.corsacrazy.net/forums/forumdisplay.php?f=2"><img border="0" alt="General modifying" src="/web/20050321184209im_/http://www.corsacrazy.net/forums/images/statusicon/forum_2.jpg" title="General modifying"></a>
</div>
</td>

This is from there first one hope it helps as i see your pictures are messed up

[Reece^B]

I apperciate all the replies, I will undertake this. (At least give it a go)
What templates would require editing?

[RickyH]

The only template that would possibly need editing would be forum display i think? If you go to Styles -> Find in Styles -> body_wrapper -> find -> this will display all available templates with that div tag, then ctrl+f to find body_wrapper and then locate the div c_cat56. Should only be 1 template that needs editing. Of course edit the vBulletin.css to replicate the CSS styling, but this is a big project. Good luck!

[Reece^B]

Okay then, thank you.

[Lynne]

To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code. (Sometimes the template is the one mentioned at the very top of the page source.)

[TheLastSuperman]

https://vborg.vbsupport.ru/showthrea...31#post2440893

[Reece^B]

Thanks for the reply above, the only problem is your mod creates all forums into columns, rather than selected forums. But still good none the less.

I've manged to get the right look by using Lynns code and changed the icon sizes so they don't overlap, and now it looks correct.
Opinions?!