close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Adding a div (or two)

Thread began 2/09/2010 11:22 am by Lon Winters | Last modified 2/09/2010 7:01 pm by mrs | 1065 views | 1 replies |

Lon WintersBeta Tester

Adding a div (or two)

In creating my layout, there are two modifications that I need to make to a preset which is the closest one I could find to my desired layout. I actually have them figured out to a degree, but I would appreciate any input whether my solution is the best way to go about it, or the standard way.

1. First, I specified a full-width header with a content area of 900 pixels, centered and fixed. I want to place content in the header but keep it confined within the same width as the content. What I did was to create a div within the fullwidthHeader, fixed with 900 pixels and a margin of (0 auto 0 auto) which centers the div. I can place my content then in this div. Is this correct?

Side question: Would it be better to use a background image or insert image as a logo in this areas?
Side comment: I was trying to figure out how the layout gets centered when you select that option in the wizard. I found those margin settings in the CSS and applied them to the new div.

2. I want to place a content-width Flash movie underneath the Top nav and about the two content columns. Is it better to sort of duplicate the nav div, place another beneath it, or have the Flash within the content div? Not sure here, because the content is a two column layout.

I would like to do these things in the wizard rather than edit the CSS and/or markup as I need to export the layout to Site Assist Pro. Thanks!!

Sign in to reply to this post

mrs

You can add with very little effort under the box tab of CSS sculptor.

In your case, I would be tempted to add a new div within the header div section, and to do this, you simply click the head div and then click the + button. If it falls in the wrong place, you can move the added div up and down or even make it a child div or stand alone div using the buttons on the right.

A good starting point for what you have described would be to use the provided template of 2 column fixed with header and footer, and then construct your div bearing on mind the size of the flash file that will eventually be sitting within it.

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

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