Uusing a wrapper in Dreamweaver

[Cypress2]

I'm redesigning a Web site that was created, I think, in FrontPage. It uses
some CSS code that I'm unfamiliar with, called a wrapper. When I bring the Web
site into Dreamweaver 4 and make revisions to it, then upload it, it falls
apart. Apparently, Dreamweaver doesn't know how to handle that type of coding.

I wouldn't mind learning how to use a CSS wrapper, but it seems I can't work
with it in Dreamweaver.

BTW, I also have Dreamweaver MX, but I seldom use it because I'm fond of
Dreamweaver 4.

Can anyone give me some help?

[Murray *ACE*]

> Apparently, Dreamweaver doesn't know how to handle that type of coding.

I would say that this is unlikely. Does it look OK while in DW? So if it
is falling apart in the browser, it would be a browser/code problem, no?

Can you post a link to the page, please?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Cypress2" <webforumsuser@macromedia.com> wrote in message
news:ejotgh$8mu$1@forums.macromedia.com...

> I'm redesigning a Web site that was created, I think, in FrontPage. It
> uses
> some CSS code that I'm unfamiliar with, called a wrapper. When I bring the
> Web
> site into Dreamweaver 4 and make revisions to it, then upload it, it falls
> apart. Apparently, Dreamweaver doesn't know how to handle that type of
> coding.
>
> I wouldn't mind learning how to use a CSS wrapper, but it seems I can't
> work
> with it in Dreamweaver.
>
> BTW, I also have Dreamweaver MX, but I seldom use it because I'm fond of
> Dreamweaver 4.
>
> Can anyone give me some help?
>

[Cypress2]

Actually, the pages don't look right in Dreamweaver. For instance, the
nevagation buttons don't even show up in Dreamweaver.

Here's the Web site in question: [url]http://visualaidvolunteers.org[/url].

Here's what happened when I deleted some text and uploaded the pager to the
server:
[url]http://visualaidvolunteers.org/indexREVISED.htm[/url].

I guess I'm going to have to create a entire new Web site that does not use
any of the CSS or JavaScript of the old site. Right?

I'm attaching the CSS ffile. - and the JavaScript file.

Any suggestions will be gratefully appreciated.



CSS file:

body {
margins: 30px 0 0 0;
text-align:center;
font-family:Arial, helvettica, sans-serif;
font-size:16 pt;
}

h1 {
color: #008;
font-size: 20pt;
Font-weight: bold;
text-align: center;
margin:6px;
}

h2 {
color: #008;
font-size: 14pt;
Font-weight: bold;
text-align: center;
margin:12px;
}

.wrapper {
width:730px;
margin:0 auto;
text-align:left;
}

.main {
width: 550px;
float: right;
font-size: 16pt;
margin:0;
}


.main p {
margin:12px;
fontsize: 16pt;
}

/*------------------------------------------------------------*/
/* Navigation styles */
/*------------------------------------------------------------*/

.nav {
width: 150px;
float: left;
margin: -15px 0 0 0;
font-famiily:arial helvettica sans-serif;
font-size: 12 pt;
text-align:center;
}
.NavButton a:link, .NavButton a:visited {
font-size: 14pt;
Font-weight: bold;
display:block;
text-align:center;
background-image:url('btnNormal.jpg');
background-repeat:no-repeat;
text-decoration:none;
Padding-top:6px;
color:#000;
Height:32px;
width=140px;
vertical-align:Middle;
margin-bottom: 12px;
}

.NavButton a:hover {
font-size: 14pt;
Font-weight: bold;
display:block;
text-align:center;
background-image:url('btnReverse.jpg');
background-repeat:no-repeat;
text-decoration:none;
Padding-top:6px;
color:#fff;
Height:32px;
width=140px;
vertical-align:Middle;
margin-bottom: 12px;
}

.nav p {
margin:0px 0px 20px 0px;
padding:0;
text-align:center;
}
-------------------------
Script.js
fontsize=16

function LargerFont()
{
div = document.getElementById("MainData")
fontsize=fontsize * 1.5
div.style.fontSize= fontsize + " pt"
}

function NormalFont()
{
div = document.getElementById("MainData")
fontsize=16
div.style.fontSize= fontsize + " pt"
}
function LinkTo(inPage)
{
window.location=inPage
}

[Murray *ACE*]

Not surprising that it doesn't look right in DW.

[url]http://validator.w3.org/check?verbose=1&uri=http://visualaidvolunteers.org[/url]

18 really serious errors....

I can't really address the other things until you fix these, and by the way,
get rid of all that FrontPage scruff in there....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Cypress2" <webforumsuser@macromedia.com> wrote in message
news:ejt1d8$3an$1@forums.macromedia.com...

> Actually, the pages don't look right in Dreamweaver. For instance, the
> nevagation buttons don't even show up in Dreamweaver.
>
> Here's the Web site in question: [url]http://visualaidvolunteers.org[/url].
>
> Here's what happened when I deleted some text and uploaded the pager to
> the
> server:
> [url]http://visualaidvolunteers.org/indexREVISED.htm[/url].
>
> I guess I'm going to have to create a entire new Web site that does not
> use
> any of the CSS or JavaScript of the old site. Right?
>
> I'm attaching the CSS ffile. - and the JavaScript file.
>
> Any suggestions will be gratefully appreciated.
>
>
>
> CSS file:
>
> body {
> margins: 30px 0 0 0;
> text-align:center;
> font-family:Arial, helvettica, sans-serif;
> font-size:16 pt;
> }
>
> h1 {
> color: #008;
> font-size: 20pt;
> Font-weight: bold;
> text-align: center;
> margin:6px;
> }
>
> h2 {
> color: #008;
> font-size: 14pt;
> Font-weight: bold;
> text-align: center;
> margin:12px;
> }
>
> .wrapper {
> width:730px;
> margin:0 auto;
> text-align:left;
> }
>
> .main {
> width: 550px;
> float: right;
> font-size: 16pt;
> margin:0;
> }
>
>
> .main p {
> margin:12px;
> fontsize: 16pt;
> }
>
> /*------------------------------------------------------------*/
> /* Navigation styles */
> /*------------------------------------------------------------*/
>
> .nav {
> width: 150px;
> float: left;
> margin: -15px 0 0 0;
> font-famiily:arial helvettica sans-serif;
> font-size: 12 pt;
> text-align:center;
> }
> .NavButton a:link, .NavButton a:visited {
> font-size: 14pt;
> Font-weight: bold;
> display:block;
> text-align:center;
> background-image:url('btnNormal.jpg');
> background-repeat:no-repeat;
> text-decoration:none;
> Padding-top:6px;
> color:#000;
> Height:32px;
> width=140px;
> vertical-align:Middle;
> margin-bottom: 12px;
> }
>
> .NavButton a:hover {
> font-size: 14pt;
> Font-weight: bold;
> display:block;
> text-align:center;
> background-image:url('btnReverse.jpg');
> background-repeat:no-repeat;
> text-decoration:none;
> Padding-top:6px;
> color:#fff;
> Height:32px;
> width=140px;
> vertical-align:Middle;
> margin-bottom: 12px;
> }
>
> .nav p {
> margin:0px 0px 20px 0px;
> padding:0;
> text-align:center;
> }
> -------------------------
> Script.js
> fontsize=16
>
> function LargerFont()
> {
> div = document.getElementById("MainData")
> fontsize=fontsize * 1.5
> div.style.fontSize= fontsize + " pt"
> }
>
> function NormalFont()
> {
> div = document.getElementById("MainData")
> fontsize=16
> div.style.fontSize= fontsize + " pt"
> }
> function LinkTo(inPage)
> {
> window.location=inPage
> }
>

[Cypress2]

Thanks for running the code through the validator. That settlles it. I'm just
going to start all over and ignore all the CSS and Javascript of the original
designer. I was interested in using some of the original code because that
site is already "Bobby approved." And that wrapper code looked kinda neat. But
I'm just going to use tables and not try for CSS positioning.

Right now, the VAV site is on a Microsoft server. I hope that won't make any
problems for me. I'm accustomed to using a UNIX server.

BTW, what do you know about getting a site Bobby approved? I've looked at the
Bobby site and run pages rhru it, but I couldn't find out how you get that
official stamp of approval.

[Murray *ACE*]

> I'm just

> going to start all over and ignore all the CSS and Javascript of the
> original
> designer.

The CSS was OK. It was the HTML that was stinko.

> And that wrapper code looked kinda neat. But
> I'm just going to use tables and not try for CSS positioning.

It would be simple for such a simple page.

> Right now, the VAV site is on a Microsoft server. I hope that won't make
> any
> problems for me. I'm accustomed to using a UNIX server.

Makes no difference.

> BTW, what do you know about getting a site Bobby approved? I've looked at
> the
> Bobby site and run pages rhru it, but I couldn't find out how you get that
> official stamp of approval.

You put it there yourself when you have a page that passes validation.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Cypress2" <webforumsuser@macromedia.com> wrote in message
news:ejtlnd$q83$1@forums.macromedia.com...

> Thanks for running the code through the validator. That settlles it. I'm
> just
> going to start all over and ignore all the CSS and Javascript of the
> original
> designer. I was interested in using some of the original code because
> that
> site is already "Bobby approved." And that wrapper code looked kinda
> neat. But
> I'm just going to use tables and not try for CSS positioning.
>
> Right now, the VAV site is on a Microsoft server. I hope that won't make
> any
> problems for me. I'm accustomed to using a UNIX server.
>
> BTW, what do you know about getting a site Bobby approved? I've looked at
> the
> Bobby site and run pages rhru it, but I couldn't find out how you get that
> official stamp of approval.
>

[Cypress2]

Thanks, Miurray, for the response. You say the CSS is OK, but it was the CSS in
the "warapper" that failed when I brought it into Dreamweaver. Do you think I
should try to use CSS positioning rather than using tables? I've found that
it's hard to create anaything but a really bland Web site using only CSS
positioning. It really gets tricky when trying to place graphics.

Since the wrapper failed in Dreamweaver, I'm wondering if it would even be
possible to create a site in Dreamweaver using strictly CSS positioning.

Any thoughts on the subject of CSS positioning vs. tables?

[Murray *ACE*]

> it's hard to create anaything but a really bland Web site using only CSS

> positioning.

[url]http://www.csszengarden.com[/url] - bland enough for you?

> It really gets tricky when trying to place graphics.

Not at all - that's where it really shines.

[url]http://www.projectseven.com/tutorials/css/qdmacfly/index.htm[/url]
[url]http://www.macromedia.com/devnet/mx/dreamweaver/css.html[/url]
[url]http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html[/url]
[url]http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html[/url]

> Since the wrapper failed in Dreamweaver, I'm wondering if it would even be
> possible to create a site in Dreamweaver using strictly CSS positioning.

My latest sites - [url]http://www.madisonconcrete.com[/url],
[url]http://www.starhealthcarenet.com[/url] - have no tables....

> Any thoughts on the subject of CSS positioning vs. tables?

Yes - if a table works best for you, then use it. I'm quite pragmatic about
it.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Cypress2" <webforumsuser@macromedia.com> wrote in message
news:ek873n$n8a$1@forums.macromedia.com...

> Thanks, Miurray, for the response. You say the CSS is OK, but it was the
> CSS in
> the "warapper" that failed when I brought it into Dreamweaver. Do you
> think I
> should try to use CSS positioning rather than using tables? I've found
> that
> it's hard to create anaything but a really bland Web site using only CSS
> positioning. It really gets tricky when trying to place graphics.
>
> Since the wrapper failed in Dreamweaver, I'm wondering if it would even be
> possible to create a site in Dreamweaver using strictly CSS positioning.
>
> Any thoughts on the subject of CSS positioning vs. tables?
>

[Cypress2]

Thanks for all the good information. I admire your zeal in promoting the use of
pure CSS coding. It seems that it's possible lo create nice Web sites without
tables, but I'm not sure I can build a site without tables. In the past, I've
experimented with CSS positioning and found it very difficult. Apprently the
Zen site is based on a purchased template. Right?

Apparently all commercial sites use tables. I suspect that this is because
these sites need to be updated frequently, and they don't have time to figure
out how to code the positioning of text and graphics with CSS.

I hope in the future I can learn how to do this fancy CSS no-tables coding ,
so I'll study the examples you've referenced. Meantime, I must get this Web
site re-designed. So I'll employ tables this time.

Again, thanks for all the good info.

[Murray *ACE*]

> Apprently the Zen site is based on a purchased template. Right?

Wrong.

> Apparently all commercial sites use tables

Wrong again. Check Yahoo, and ESPN for two.....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Cypress2" <webforumsuser@macromedia.com> wrote in message
news:ekl2cd$o98$1@forums.macromedia.com...

> Thanks for all the good information. I admire your zeal in promoting the
> use of
> pure CSS coding. It seems that it's possible lo create nice Web sites
> without
> tables, but I'm not sure I can build a site without tables. In the past,
> I've
> experimented with CSS positioning and found it very difficult. Apprently
> the
> Zen site is based on a purchased template. Right?
>
> Apparently all commercial sites use tables. I suspect that this is because
> these sites need to be updated frequently, and they don't have time to
> figure
> out how to code the positioning of text and graphics with CSS.
>
> I hope in the future I can learn how to do this fancy CSS no-tables coding
> ,
> so I'll study the examples you've referenced. Meantime, I must get this
> Web
> site re-designed. So I'll employ tables this time.
>
> Again, thanks for all the good info.
>

[Cypress2]

I assumed the Zen site was based on a template because the CSS file contains a
statement, "This file based on 'Tranquille' by Dave She." Also, there are
dozens of CSS files on the Web site and about a hundred index files.

I viewed the source code for the Yahoo and ESPN sites and found tables.

BTW, if I were to go the no-tables route, can Dreamweaver help me with the
coding - or will I have to hand-code all the CSS stuff ? And what about the XML
file - can Dreamweaver help with that?

[Murray *ACE*]

> "This file based on 'Tranquille' by Dave She."

This just means that the file is a derivative work.

> Also, there are
> dozens of CSS files on the Web site and about a hundred index files.

You are looking at the site as a whole. Don't do that. Look at each page
as a separate instance of a CSS layout.

> I viewed the source code for the Yahoo and ESPN sites and found tables.

See any here?

[url]http://espn.go.com/[/url]

> BTW, if I were to go the no-tables route, can Dreamweaver help me with the
> coding - or will I have to hand-code all the CSS stuff ? And what about
> the XML
> file - can Dreamweaver help with that?

It's not likely you will be able to make the transition without
understanding CSS.

> And what about the XML file - can Dreamweaver help with that?

What XML file?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Cypress2" <webforumsuser@macromedia.com> wrote in message
news:eklg1h$9hg$1@forums.macromedia.com...

>I assumed the Zen site was based on a template because the CSS file
>contains a
> statement, "This file based on 'Tranquille' by Dave She." Also, there are
> dozens of CSS files on the Web site and about a hundred index files.
>
> I viewed the source code for the Yahoo and ESPN sites and found tables.
>
> BTW, if I were to go the no-tables route, can Dreamweaver help me with the
> coding - or will I have to hand-code all the CSS stuff ? And what about
> the XML
> file - can Dreamweaver help with that?
>
>
>