close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

content borders

Thread began 8/20/2009 1:24 pm by bfallis215304 | Last modified 9/01/2009 6:03 pm by Dani Chankhour | 2322 views | 5 replies |

bfallis215304

content borders

I use CSS Sculptor 1.1.5 I think... version 1 with latest updates, but not vs 2.

CSS Sculptor 1.1.5
DW CS3

I have ?s about creating a layout w/ borders that surround just the content area above the footer, and below the menu. I have, say, 2 columns plus header and nav area and I could add a border to the whole body of the document and it will surround the header all the way down plus the footer's outer borders (not the interior borders there).

But often times I just want to set apart the content area, e.g. if the page's bg color is white and the content area is also white I can delineate with a body border, but I don't want a border around the entire structure. But borders around content columns that don't run down to the footer don't give me a full border either.

Also one column is always shorter, and I'm looking for an easy way to establish a faux column to make each column appear to run down to the footer.

Reading the features of version 2 it appears these are things addressed:
Add new div tags anywhere – NEW
Automatically create equal length columns – NEW

Thus apparently I can't do this in version 1. Is that right? And the new dive feature provides a way to add content boxes etc. and style them, from the onset?

Also what is the step I should take to make sure the CSS gets stored in a separate file?

Sign in to reply to this post

Dani Chankhour

in regard to your first question, i think you will need to set the border on the contentWrapper div, this will not add a border around your footer. this should be listed in your tree structure.

in regard to creating the faux column and adding a new div, those are features that are only available in Sculptor v2.


To store your css in separate files, make sure to always select the Output tab and specify the css files where you want to css to be placed.

Sign in to reply to this post

bfallis215304

would seem to be correct but...

I have thought that should be right myself many times. If I select the contentwrapper div from within a page and in DW seek to modify it it'll add the following code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
border-top-width: 1;
border-right-width: 1;
border-bottom-width: 1;
border-left-width: 1;
border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FF0000;
}

and this adds no border to anything btw.

In the css file there really is no contentwrapper div. There's #outerWrapper #contentWrapper #leftColumn1

and #outerWrapper #contentWrapper #content

so... while writing this I figured it out. I added the following code to the css file and it solved it
#outerWrapper #contentWrapper {
border: 1px ridge #999999;
}

so I guess #contentWrapper's something you could access when first creating the structure, but if you don't, then you'll have to add that code later to the css file?

So I took a peek at the manual for version 2 and there was a section on rounded corners. Is that part of the "adding a new div" feature, that you can add one w/ rounded corner images? Or what's the big deal about adding a new div? The ability to do it from within the structure creator tool (whatever you call it)?

Sign in to reply to this post

Dani Chankhour

I'm glad you were able to add the class to add the border to your contentWrapper. But for future reference, you should be able to select the ContentWrapper div in the layout structure and add the border.


In regard to your second question. Sculptor V2 includes different rounder corner layouts which you can use as a starting point to create custom rounded corner layouts.
In addition, you should be able to add divs within the extension which will allow you create more advanced layouts and gives you the ability to be closer to the finished design, instead of customizing the page after it is created.

Sign in to reply to this post

bucquero168209

With 2.0.2 - getting rid of border on content and exporting CSS as external file

I have the same two issues with CSS Sculptor, but I have the 2.0 version. What do I do to get rid of the border around the content box. I set the function for equal columns but fragments of the underlying border around the content keep showing up. A simple fix would be to make the border white - but I cannot find any border listed in the coding where I can do that for the content box.

I also need to use this as an external style sheet. Before I tackle that, I remember that being a nightmare the last time I tried it in 1.0. Is there something I can do in 2.0 to make that happen?

Thanks -

Bonnie B

Sign in to reply to this post

Dani Chankhour

To get rid of the border around the content area, you will need to set the border of the left and right column to none.

For example if you select the 3columnfixed layout, then on the Design Tab you would select the leftColumn1 and set the right border to none and then select the rightColumn1 and set the left border to none.


In order to use an external style sheet, on the Output tab, you can specify the style sheet.

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