FlexiPanels CSS for Dreamweaver Forum


box FlexiPanels CSS for Dreamweaver
FlexiPanels CSS for Dreamweaver is a CSS builder that helps you create table-less HTML code for side panels, menu containers or any content zones with a gradient background and rounded corners.

Find out more about FlexiPanels CSS for Dreamweaver

Thread: side by side panels

back
Add Post
title left
User Details
message
title right
jacob

post date:
2010-09-12 23:04:12
following i seen where someone else was having trouble followed the instuctions given to that person and they were not of much help. the video tutorial on the extend website makes it look like all you do is add the panel and it aligns side by side automatically . Is this not how it works. And if not then how cuz ive been stumped on this for 2 weeks now
Andrei Rinciog [Extend Studio]

post date:
2010-09-13 05:48:04
Hello,

You need to build a div structure to hold the panels on the same row. This is done using CSS rules. The code is something like this (I've used sample widths, you should probably change them):

<div style="width:900px;">
<div style="width:300px; float:left;">
Insert panel 1 here;
</div>
<div style="width:300px; float:left;">
Insert panel 2 here;
</div>
<div style="width:300px; float:left;">
Insert panel 3 here;
</div>
</div>
<div style="clear:both;"></div>


The video didn't show this very well. Sorry about that.
It is important that the three divs that float fit inside the parent div. Otherwise, the last one will drop under the other two.

For quick layout build and to skip coding this kind of div structure you can take a look at our latest product Flexi CSS Layouts: http://www.extendstudio.com/product/tableless-css-layouts-for-dreamweaver.html

Regards,
Andrei Rinciog
back
Add Post