Quote:
Originally Posted by Moncha
Sorry, copy and paste inserted a whitespace before the last "}" in the css. I did finally get it to work using this;
Code:
<style type="text/css">
.two_columns {float: left;}
.col_1 {width: 240px; float:left; margin-right: -250px;}
.col_2 { float:left; margin: 0 255px;}
.col_3 {width: 240px; float: right; margin-left: -250px;}
</style>
<div id="doc3" class="yui-tvb-l3">
<div class="two_columns">
<div class="col_1 first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
<div class="col_2 yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
<div class="col_3 first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
</div>
|
I wasn't able to get this working. When you flatten the newly created grid do you erase everything in both
Layout Manager UI HTML, and
Default Template HTML, and use the above instead? Because doing so, when then creating a subsequent layout, I don't get three columns to place widgets into.