close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Content Boxes

Thread began 3/05/2009 2:58 pm by mike271728 | Last modified 4/07/2009 12:21 pm by mike271728 | 6308 views | 12 replies

Miguel

Ill try to explain it a bit here lets see open a new page on dreamweaver and click on the webassist tools for eric meyers CSS sculptor then select what ever layout you need on the first tab, then click the second tab "BOX".

There you will find a list look on that list for:

ContentWrapper
|
|---> Content

Now click over content and look for the button on the top that has a plus or Add simbol click over it and add under Content a new Div it would be something like this

ContentWrapper
|
|---> Content
.................|---> Div

Rename it to what ever you like i called it LeftBox.

Repeat again selecting the Content on the list and add a new one and so on until you are satisfied

check the picture attached to this post.

Ok after you got BoxLeft, Boxright, and BoxCenter add boxleft float: left this can be done at the properties options just below, you will find the option just after where you place the width and height also add a size example width: 200px height: 300 for BoxLeft.

Now select BoxRight, and do the same on width and height, 200x300, but select Float: Right.

And now select the last div you added wich we named BoxCenter dont add a size to it Dont!!!! just check down a bit more where you will see Margin & Padding, now here is the tricky part you have to play with the margin i placed all to 0px and the last one with is margin left i placed 200px example

Top: 0px Right: 0px Bottom: 0px Left:200px

ok done with that now click on padding and add what ever you need i placed 0px for all but u can play with it to make it look better, ok after this click on Design and add the backgrounds and settings to your need, also play with the size i placed all depends on how you want them look also depends on the size of the website i used the standard one by default to make the screenshot i placed here.

Good luck with it hope this helps :)

Pd forums needs a but of let us place codes like <strong> and shitz... and sorry my not so good english..

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

Content

rating

Layout

rating

Ease of use

rating

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...