close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues


Create 4 editable regions right next to eachother? - 

Thread began 9/08/2011 8:50 am by elevy388997 | Last modified 9/08/2011 12:13 pm by Jason Byrnes | 653 views | 1 replies |

elevy388997Beta Tester

Create 4 editable regions right next to eachother? - 


I have a design where there is a large rectangle made up of 4 colored rectangles. In each color, it is a separate section and I don't know how to create this in the CSS sculptor so the client can log into the editor and edit each section as needed.

It is like this (see attached as well):  . Basically a 4 column table but using CSS as tables I know are more for tabular data. It would be nice if in the CSS Sculptor you could click on a div heading and in the add "+" menu, just click on add 4 columns, or whatever other design element you might want with a layout.

Sign in to reply to this post

Jason ByrnesWebAssist

In CSS SCulptor, on the Box Tab, select the main container that these content areas will be placed inside. make note of the width of this container.

with that main container selected, click the plus button to add a new div, set the width of this new div to be 1/4 of the width of the container it is being added to, set the float to left

repeat this for the other 3 divs, on the last one, set the float to go to the right instead.

you can change the background color for the divs on the design tab.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question





Ease of use


security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...