View Full Version : how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?
Kim Welch
01-24-2012, 11:40 PM
how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?
(vBulletin version 4.1.9 Patch Level 1.)
nerbert
01-25-2012, 12:11 AM
I built a page with a left column (referred to as side column). Maybe it will give you an idea.
<style type="text/css">
<!--
.side_column {
width:250px;
clear:none;
float:left;
}
.side_column_container {
margin-top:12px;
width:250px;
}
.right_block {
margin:0px 0px 0px -290px;
float:right;
width:100%;
padding:0px;
display:block;
}
.right_block_container {
margin:12px 0px 0px 290px;
display:block;
padding:0px;
}
</style>
<div class="right_block">
<div class="right_block_container">
HTML for right block
</div>
</div>
<div class="side_column">
<div class="side_column_container">
HTML for left column
</div>
</div>
Float your right column over first then the center body, then float the left column to the left
Kim Welch
01-25-2012, 03:13 AM
is there a way to create a custom grid through the Grid Manager in the vBulletin CMS panel?
Typhon
06-05-2013, 10:29 AM
I also what to know if this is possible so that I can squeeze content in between a 160 and 300 ad columns?
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.