Dreamweaver - Design View hiding part of layout

Author

Design View hiding part of layout

hartk10

2005-07-30, 7:19 am

I've found a css layout which I think will be suitable for my club.
http://webhost.bridgew.edu/etribou/layouts// and downloaded it.

There was no difficulty in placing the code in Dreamweaver MX, I just created
a new folder called Skidoo, saved the files to it and then defined a new site
in Deamweaver.

However when I opened the Design view I come across some problems and they
seem to be occurring in the right margin. This is my first ever venture into
css layout and I'd appreciate some help.

Everythng looks fine until I get to line 142. The difficulty is that from line
142 down to line 191 all I can see in the Design field are the letters 'st,'
when I switch over to the code view it tells me I am at line 156 and displays
the following code: ' href="index.html">Middle Column Tallest</a></li><li><a'.

I have to travel down the page some distance until I am presented with one
letter 'd'. If I switch over to code view I discover that it is line 176 '
href="demos/tweak_01.html">Border Into Masthead</a></li><li><a'.
And that is all I can see until we come to another horizontal rule at line 186
and then I am presented with the following code
187 <a name="skipToContent"></a>
188 <div class="inside">
189
190
Finally the middle colour begins on line 191 with the word 'The Goal' When
viewed in the browser everythign appears.

So basically the right column does not show up in Design Mode in Dreamweaver
MX.

If I am looking at a traditional three column layout in Dreamweaver MX I see
the columns side by side i.e. 1 2 3 however when I look at this layout in
Dreamweaver the three columns are arranged
1
2
3
Again it might just be that I am a creative writer and know very little about
web design never-mind CSS. I should say that my reason for downloading the
layout is that I want to use it for my local writing groups website which I am
currently trying to update.

I'm open to other design layouts if you care to recommend.

Flo Nelson

2005-07-30, 7:22 pm

Assuming your page looks okay in a browser, then what you're running into is
Dreamweaver MX's inability to completely interpret css in design view.
There's a couple of ways to approach this:

1. if you want to keep working with that design, you could work in the code
view - it's not as daunting as it sounds to someone new at this. Look at the
page in the browser and find the text you want to change, then find it in
code view and change it. Just delete any links you don't need.

2. find a template that uses tables for positioning rather than css - they
will show up nicely in design view. Good sources for templates - read the
documentation to see whether they use tables or not:
http://www.projectseven.com/
http://www.dreamweaverresources.com/templates.htm

Flo

"hartk10" <webforumsuser@macromedia.com> wrote in message
news:dcfjbt$hpd$1@forums.macromedia.com...
> I've found a css layout which I think will be suitable for my club.
> http://webhost.bridgew.edu/etribou/layouts// and downloaded it.
>
> There was no difficulty in placing the code in Dreamweaver MX, I just
> created
> a new folder called Skidoo, saved the files to it and then defined a new
> site
> in Deamweaver.
>
> However when I opened the Design view I come across some problems and they
> seem to be occurring in the right margin. This is my first ever venture
> into
> css layout and I'd appreciate some help.
>
> Everythng looks fine until I get to line 142. The difficulty is that from
> line
> 142 down to line 191 all I can see in the Design field are the letters
> 'st,'
> when I switch over to the code view it tells me I am at line 156 and
> displays
> the following code: ' href="index.html">Middle Column
> Tallest</a></li><li><a'.
>
> I have to travel down the page some distance until I am presented with
> one
> letter 'd'. If I switch over to code view I discover that it is line 176 '
> href="demos/tweak_01.html">Border Into Masthead</a></li><li><a'.
> And that is all I can see until we come to another horizontal rule at line
> 186
> and then I am presented with the following code
> 187 <a name="skipToContent"></a>
> 188 <div class="inside">
> 189
> 190
> Finally the middle colour begins on line 191 with the word 'The Goal'
> When
> viewed in the browser everythign appears.
>
> So basically the right column does not show up in Design Mode in
> Dreamweaver
> MX.
>
> If I am looking at a traditional three column layout in Dreamweaver MX I
> see
> the columns side by side i.e. 1 2 3 however when I look at this layout
> in
> Dreamweaver the three columns are arranged
> 1
> 2
> 3
> Again it might just be that I am a creative writer and know very little
> about
> web design never-mind CSS. I should say that my reason for downloading the
> layout is that I want to use it for my local writing groups website which
> I am
> currently trying to update.
>
> I'm open to other design layouts if you care to recommend.
>

hartk10

2005-07-30, 11:16 pm

Many thanks for your suggestions, Flo

While I'm not stuck on the layout, just want to get a reasonably decent, free,
template for my group and it looks good. We are voluntary organisation, cash is
at a premium, and that's the reason I'm seeking a free template.

I take it there is no fix for the above problem, nothing I can download or
anything like that?

Like you suggested I might use the code view to do the work. The only
difficulty I might have is if I wanted to add in links etc - at least in design
view I can see what is happening.

I'm not committed yet to this layout so don't be afraid to suggest
layout/templates that I might look at.

Kevin.
ps another reason I want to go down the css route is that in building the site
I'll get to know about it.

Flo Nelson

2005-07-31, 4:14 am

I looked at the page you want to use - I think an easy way to edit it would
be to move all the .css files and the .js file into a temporary folder. When
you do that you will get a very plain page - you could then edit that page
very easily. When you're done, just move those files back into the original
folder and all the styles and positioning will be restored.

You could look at the original page on the website to see what columns items
will end up in, etc. Just be careful not to delete a complete area (like one
of the columns) - the design will probably break if you do.

Flo

"hartk10" <webforumsuser@macromedia.com> wrote in message
news:dch8nh$mho$1@forums.macromedia.com...
> Many thanks for your suggestions, Flo
>
> While I'm not stuck on the layout, just want to get a reasonably decent,
> free,
> template for my group and it looks good. We are voluntary organisation,
> cash is
> at a premium, and that's the reason I'm seeking a free template.
>
> I take it there is no fix for the above problem, nothing I can download or
> anything like that?
>
> Like you suggested I might use the code view to do the work. The only
> difficulty I might have is if I wanted to add in links etc - at least in
> design
> view I can see what is happening.
>
> I'm not committed yet to this layout so don't be afraid to suggest
> layout/templates that I might look at.
>
> Kevin.
> ps another reason I want to go down the css route is that in building the
> site
> I'll get to know about it.
>
>
>
>
>
>
>

Flo Nelson

2005-07-31, 4:14 am

Another point, if you do want to learn css and don't mind investing a little
money yourself, you would be much better off buying a simple template from
the projectseven link I mentioned before - they not only supply the
template, but they explain why they are doing what they are doing - great
education. The page packs are pretty much plug and play and a couple of
those are only $45.

Flo

"hartk10" <webforumsuser@macromedia.com> wrote in message
news:dch8nh$mho$1@forums.macromedia.com...
> Many thanks for your suggestions, Flo
>
> While I'm not stuck on the layout, just want to get a reasonably decent,
> free,
> template for my group and it looks good. We are voluntary organisation,
> cash is
> at a premium, and that's the reason I'm seeking a free template.
>
> I take it there is no fix for the above problem, nothing I can download or
> anything like that?
>
> Like you suggested I might use the code view to do the work. The only
> difficulty I might have is if I wanted to add in links etc - at least in
> design
> view I can see what is happening.
>
> I'm not committed yet to this layout so don't be afraid to suggest
> layout/templates that I might look at.
>
> Kevin.
> ps another reason I want to go down the css route is that in building the
> site
> I'll get to know about it.
>
>
>
>
>
>
>

Murray *TMM*

2005-07-31, 7:34 pm

Why not use a design-time stylesheet?

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

"Flo Nelson" <flojnel@anamidesignsCUTTHIS.com> wrote in message
news:dchger$1s3$1@forums.macromedia.com...
> Another point, if you do want to learn css and don't mind investing a
> little money yourself, you would be much better off buying a simple
> template from the projectseven link I mentioned before - they not only
> supply the template, but they explain why they are doing what they are
> doing - great education. The page packs are pretty much plug and play and
> a couple of those are only $45.
>
> Flo
>
>
> "hartk10" <webforumsuser@macromedia.com> wrote in message
> news:dch8nh$mho$1@forums.macromedia.com...
>
>

Murray *TMM*

2005-07-31, 7:36 pm

Open a page. In the Panel menu of the CSS panel, you will find some
options, one of which is to assign a Design Time stylesheet to this page.
It's handy when working with include files, or other pages where you must
turn things ON or OFF to work, but not when you publish....

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

"Flo Nelson" <flojnel@anamidesignsCUTTHIS.com> wrote in message
news:dcj1bs$skf$1@forums.macromedia.com...
> I've heard people talk about this before, but have never done it myself -
> I usually just work with code view when the page doesn't display very
> well. How do you set it up?
>
> Flo
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:dcir82$l0a$1@forums.macromedia.com...
>
>

Flo Nelson

2005-07-31, 7:36 pm

I've heard people talk about this before, but have never done it myself - I
usually just work with code view when the page doesn't display very well.
How do you set it up?

Flo

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:dcir82$l0a$1@forums.macromedia.com...
> Why not use a design-time stylesheet?
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Flo Nelson" <flojnel@anamidesignsCUTTHIS.com> wrote in message
> news:dchger$1s3$1@forums.macromedia.com...
>
>

Flo Nelson

2005-07-31, 7:36 pm

Cool - good to know.

Flo

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:dcj1h3$spg$1@forums.macromedia.com...
> Open a page. In the Panel menu of the CSS panel, you will find some
> options, one of which is to assign a Design Time stylesheet to this page.
> It's handy when working with include files, or other pages where you must
> turn things ON or OFF to work, but not when you publish....
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Flo Nelson" <flojnel@anamidesignsCUTTHIS.com> wrote in message
> news:dcj1bs$skf$1@forums.macromedia.com...
>
>