Problem Viewing HTML coded website in design view

Hello,
I've got a functional website I coded (using an html text editor) for a customer some time back that he wants to be able to edit. He doesn't know code, so we got Dreamweaver.
The problem is, a lot of page elements simply won't show up in the Design view (though they do when viewed in a browser). I suspect it may have something to do with older nested Table tags I used, but neither of us is very interested in me rebuilding the site from scratch (which is largely what we were trying to avoid).
The extra odd thing, though, is a lot of the code in question DOES display on the index page, but not on secondary pages, even though it was copy/pasted in the first place.
The website in question is http://ckski.com. The index page shows up fine. (http://ckski.com/Pictures/GoodPage.jpg) On secondary pages, the only thing that shows up in the Design view is the banner image at the top of the page. I get a gridline for the main table structure, but no content (only some errors indicating some extra </td> and </tr> closing tags) (http://ckski.com/Pictures/BadPage.jpg)
View Source should work to check the code, but I can provide anything else that might be needed, such as the CSS page.
Thanks!
Travers Jordan

Code errors are responsible for 98% of rendering problems.  Your pages lack a valid doc type declaration which puts them into quirks mode.
On line #1 in code view, change this:
     <html>
to this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
At least that will give you a fighting chance of validating without errors.  Use the online code validator below to check for other errors in all your site pages.
     http://validator.w3.org/
Incidentally, asking a non-coder to use Dreamweaver is form of punishment.   Basic coding skills are necessary to get the most out of this product.   Anything less is going to result in frustration and confusion.
It's worth noting that DW is NOT a WYSIWYG editor.  Design View is at best, an approximation of what you can expect to see in some browsers.  For best results, use Live View in Split View and edit the code.
Nancy O.

Similar Messages

  • Why is the body area of my site a different size in the preview view than than in the design view?

    Why is the body area of my site a different size in the preview view than than in the design view?

    Why is the body area of my site a different size in the preview view than than in the design view?

  • CSS and HTML not merging in design view

    I hate questions that start with "all the sudden this happened."
    I was using Dreamweaver CS5.5 along with some other things I had open.  I was off doing something with one of the other things and came back to Dreamweaver.  It was in design view not live view.  All it shows me the HTML without merging the CSS that goes with it.  However, when I hit Live View, it merges the code and displays just fine. 
    My machines been acting funny lately.  Earlier today, Outlook kept shutting down, but that stopped.  Some times my cursor moves strangely.  Surely, this isn't a virus causing this with Dreamweaver.  I run good protection and keep it updated.
    I thought maybe IIS was not running, but it is.  Without it, it probably would not have merged the CSS in live view.  What could I possibly have done to this thing? 

    Thanks everybody, I did both of your suggestions to no avail.  I looked and looked and couldn't find a reason for it.  I had a backup of the files from a few days ago and I started replacing individual files to find the problem, but that got old.  So I finally just copied in the whole backup and it's fine.
    This had to be something creepy we'll never track down - not worth the time.
    Thanks for trying.

  • DW CS3 problem with PNG-8 images in Design View?

    DW CS3 (build 3481) on XP seems to have problems with PNG-8 images, specifically trying to display them in design view.
    I had a very simple image that was able to be exported by Fireworks CS4 as PNG-8 using 4 colors (no transparency) for a tiny file size under 250 bytes.
    DW could not display it at all, or even recognize it, reporting it was 0 x 0 in size. I published the page anyway, and it looked fine in the browser.
    I upped the number of colors to 32, and DW could then display it in design view in the page I was working on.
    I'm still having problems with other PNG-8 images. The attached file "temp.jpg" is a screenshot showing part of the design view in DW.
    The smaller image on the left of the banner is "58_certificate_of_discharge.png" (attached), and the larger image below is used as the background of the DIV containing the form,"compassbk.png" (also attached).
    These images all look fine in the browser, but terrible in DW.
    I'm stumped as to why.
    Thanks in advance.

    According to a different discussion, the images that are stuck as "Queued" are showing a bug in the virus scanning on the forums.
    Now trying the recommended 'camera icon' method...
    Looks like it worked.
    Now compare what it looks like in DW CS3 in the design view:
    It's a 16 color PNG-8 made in Fireworks CS4 with no transparency, size is 113 x 58, ending up at 1.71K.
    If this is a repeatable problem in CS3, is there any hope of it being resolved, or am I stuck with upgrading to CS4 as my only option (assuming it's fixed in CS4)?
    Thanks.

  • HTML entity missing in Design View

    Hi Folks,
    When I use the HTML entity &rarr; (right arrow), it renders properly in browsers as an arrow, but it shows as an empty box in Dreamweaver Design View. This is common with some other special characters also.
    Any idea as to why this happens?
    Thanks.
    Paul
    Dreamweaver 8
    Windows XP Pro SP3

    I just tried it in DW8 and it works for me.
    Pasted in code view.  &rarr;
    Are you using a valid document type?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Cannot view body of page in Design View with PHP

    Hello, I hope some one can help me. I have a website that I
    am working that I am unable to view the body of the page in Design
    mode. This is a php file. I can preview the page fine by pressing
    F12, so it appears PHP is installed and my test server is working
    fine. Also my manager is able to view the body fine, so it appears
    that only I am affected. Both of us are using Dreamweaver CS3. Is
    there some setting on my local copy of Dreamweaver that I can
    change to make the page appear?

    CummingCorp wrote:
    > Hello, I hope some one can help me. I have a website
    that I am working that I
    > am unable to view the body of the page in Design mode.
    This is a php file.
    If the body of the page doesn't display in Design view, it
    means that
    your include files contain html, head, and body tags. Include
    files
    should contain only the code that you want included at that
    point. So,
    inc_header.php should contain only the div or other code that
    displays
    the header - and NOTHING ELSE. The same goes for
    inc_footer.php.
    When the page and the include files are combined, they should
    have one
    DOCTYPE declaration, one html tag, one head, and one body.
    Think of them
    as pieces of a jigsaw. On their own, each element is
    incomplete, but
    together they make a complete picture with nothing left over.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS3" (friends of
    ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Turning a 'code view' only file to a 'design view' file

    Thanks for reading.
    I am using Dreamweaver 8. I have INC files that I would to be
    able to edit in design view as opposed to strictly code view. (lots
    of tables and I'd rather just visually edit the cells) I can view
    them in the PHP files they are called from (which is a start) but I
    need to be able to edit just the INC file in design view; not view
    it in the PHP file and then open the INC file in code view.
    I have gone through the help file and done the following
    (restarting dreamweaver each time):
    1) removed INC from the list at dreamweaver >>
    Preferences >> FileTypes / Editors >> Open in Code View
    2) checked to make sure the INC extention is in the
    extension.txt file (it is by default) I've tried moving it to be an
    html file, leaving it as a server sife include, and creating a new
    'include file' distinction for it. None of it works.
    3) Going through the rest of the documentation isn't terribly
    helpful. It mentions files and folders I can not find. Most of the
    decent documentation I can find is for MX; but the files it points
    me to don't seem exist in my installation.
    I'm sure this is a really easy problem with a simple
    solution; but I am overlooking it. Do I need to find more folders
    from my installation? Do I create these folders manually as I need
    them? What files go in them? Getting this figured out so I can make
    edits to INC files in design view would help me out tremendously.
    Thanks for any help.

    Save them as *.html rather than *.inc files....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================
    "Ceuphrasie" <[email protected]> wrote in
    message
    news:[email protected]...
    > Thanks for reading.
    >
    > I am using Dreamweaver 8. I have INC files that I would
    to be able to
    > edit in
    > design view as opposed to strictly code view. (lots of
    tables and I'd
    > rather
    > just visually edit the cells) I can view them in the PHP
    files they are
    > called
    > from (which is a start) but I need to be able to edit
    just the INC file in
    > design view; not view it in the PHP file and then open
    the INC file in
    > code
    > view.
    >
    > I have gone through the help file and done the following
    (restarting
    > dreamweaver each time):
    >
    > 1) removed INC from the list at dreamweaver >>
    Preferences >> FileTypes /
    > Editors >> Open in Code View
    >
    > 2) checked to make sure the INC extention is in the
    extension.txt file (it
    > is
    > by default) I've tried moving it to be an html file,
    leaving it as a
    > server
    > sife include, and creating a new 'include file'
    distinction for it. None
    > of it
    > works.
    >
    > 3) Going through the rest of the documentation isn't
    terribly helpful. It
    > mentions files and folders I can not find. Most of the
    decent
    > documentation I
    > can find is for MX; but the files it points me to don't
    seem exist in my
    > installation.
    >
    > I'm sure this is a really easy problem with a simple
    solution; but I am
    > overlooking it. Do I need to find more folders from my
    installation? Do
    > I
    > create these folders manually as I need them? What files
    go in them?
    > Getting
    > this figured out so I can make edits to INC files in
    design view would
    > help me
    > out tremendously.
    >
    > Thanks for any help.
    >

  • Viewing CSS fomated pages in Design View DW MX 2004

    I am using DW MX 2004. I have imported a new clients site and
    am trying to view the pages in DW. The web site is completely
    formated using CSS. When the document is opened in DW I do not see
    any of the page. The page views fine when previewing in a browser.
    How do I get the css to execute/render in DW MX 2004s design view?
    Thanks in advance for any help!
    TroCat

    Definitely 'exceeded the capability' of DW's
    DoWhatIWantNotWhatICode
    function.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================
    ": Nadia : ** Adobe Community Expert **"
    <[email protected]> wrote in message
    news:[email protected]...
    > Yep, especially the 'unclosed' tag errors ;-)
    >
    > --
    > Nadia
    > Adobe® Community Expert : Dreamweaver
    > ----------------------------------------
    > CSS Templates |Tutorials |SEO Articles
    >
    http://www.DreamweaverResources.com
    > ~ Customisation Service Available ~
    >
    http://www.csstemplates.com.au
    > ----------------------------------------
    > CSS Tutorials for Dreamweaver
    >
    http://www.adobe.com/devnet/dreamweaver/css.html
    >
    >
    > "josie1one" <joleros[nospam]@yahoo.com> wrote in
    message
    > news:[email protected]...
    >> You have many errors which when fixed could make all
    the difference:
    >>
    >>
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.exteriorinnovations.com%2F
    >>
    >>
    >> --
    >> Jo
    >>
    >>
    >> "trocat" <[email protected]> wrote
    in message
    >> news:[email protected]...
    >>> Exceeded the capability of DWMX 2004? What I am
    asking is, how can I
    >>> view a
    >>> page that was designed and layed out with CSS,
    tables, buttons, etc.in
    >>> DW 2004
    >>> design view. The page is completey visible in
    Front Page 2000 in it's
    >>> design
    >>> view. But not in DW 2004. Am I missing
    something? It seems like FP
    >>> renders the
    >>> CSS to show you the page as you edit. DW 2004
    does not show me anything
    >>> but the
    >>> background in design view. I see DW 8 has a
    toolbar called "Style
    >>> Rendering".
    >>> Is DW 2004 just not capable of this? You can
    view the code source of the
    >>> page I
    >>> am referring to at
    http://www.exteriorinnovations.com.
    >>>
    >>
    >>
    >
    >

  • Code view not in synch with Design view (Dreamweaver CS3)

    Hello All,
    On my main work PC, I am running Dreamweaver CS3. When I am
    working in split view (with both Design and Code view visible) when
    I click on an element (say, a button) in Design view, the code view
    automatically shows me the code for the element that I am working
    on. That way, if I need to manually edit the code, I can click on
    the Code view and make the appropriate changes.
    On my laptop I am also running Dreamweaver CS3 However, when
    I am working in split view and I click on a element in Design view,
    my code view does NOT update itself and continues to show the last
    bit of code I was working on in Code view. While this could come in
    handy at times where i want design view and code view to show me
    two different things, I mostly would like code view to update
    automatically. Currently the only way I can get code view to update
    on my laptop is to hit the "refresh design view (F5)" button. Is
    there a way to do this automatically? Is this an option in
    Dreamweaver preferences because I don't see it anywhere.
    Thanks so much for your help.

    Ethereal_Mike wrote:
    > Does the new version of Dreamweaver CS3 print the code
    in color?
    No. If you feel that it's an important enhancement that you
    would like
    to see in future versions, submit a feature request:
    http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
    The more people who request a specific feature, the more
    likely it is to
    be implemented.
    David Powers, Adobe Community Expert
    Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • How to view correct image dimensions in design view?

    I am new to Dreamweaver cs6. In previous version, the dimensions of an image is directly reflected in the design view. Now it doesnt appear to do so. Does anyone know if there is a setting to fix this? It looks fine when I preview in the browser, but I'd like to see how my page elements fit together in the design view. Any suggestions?

    Here is the code for a similar example:
      <td width="409" height="37"><img width="409" height="1" border="0" style="display:block; line-height:0;" src="http://offers2.compuware.com/rs/compuware/images/spacer.png" alt=""></td>
    Although the height is set to 1, it is showing a height much larger than that (in both the design view and browser preview)
    Thanks! I really appreciate the help.

  • DW code view custom highlight color from design view (split view)

    I would like to change the "Code view" highlight color from it's default to something more contrasty ... so while using "Split view" - when I select an element in "Design View" the corresponding code in "Code view" would be easier to find ...
    Anyone knows how to customize this setting wit DW CS5??
    Thanks!

    I would like to change the "Code view" highlight color from it's default to something more contrasty ... so while using "Split view" - when I select an element in "Design View" the corresponding code in "Code view" would be easier to find ...
    Anyone knows how to customize this setting wit DW CS5??
    DW Code View uses the Selection colors defined for your Operating System.
    If you don't know how to change that, which OS and version are you using?
    HTH,
    Randy

  • Display HTML 5 code in Design View in DW CS5 (was: HTML 5)

    Even if I can write code in my old version of Dreamweaver it still
    doesn't show up in Design mode. I tried to make rounded corners and I
    couldn't figure out why it didn't work. Then I checked in a browser -
    and Voila!
    Is there a way to update DWCS5 so that would work?
    Best regards,
    Camilla Osterman

    Have a look at the last reply here Dreamweaver HTML5 taglibrary extension released.
    This may also help HTML5 Extension in Dreamweaver CS5 Tutorial

  • Design view problem after upgrade to CS4

    I just upgraded from DW 8 to CS4. When I open up (using design view) any page created in DW 8, only the top portion is shown in CS4. All pages in my website seem to have the same problem being displayed in CS4 using design view.
    Does anyone know what the problem could be? I would greatly appreciate some help! I am attaching a screen shot from CS4. A page example is available here: http://www.studentguideusa.com/Sports.php
    Thanks!

    That page uses includes, and has more than one head, body, etc.
    Include files should contain only the code for that section of the page, so that when everything is put together you end up with one DOCTYPE, one pair of <html> tags, one <head>, and one <body>.
    Earlier versions of Dreamweaver ignored the invalid code. Dreamweaver CS4 does not.

  • Design View Problem - MZ 2004

    I have upgraded to version 7.0.1 and when viewing a file, I
    can see the code elements without any problem; however, I cannot
    see the design view.
    Anyone know if I have an incorrect setting?
    [email protected]

    What is the filename?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (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
    ==================
    "webconsul" <[email protected]> wrote in
    message
    news:ekkvq0$li5$[email protected]..
    >I have upgraded to version 7.0.1 and when viewing a file,
    I can see the
    >code
    > elements without any problem; however, I cannot see the
    design view.
    >
    > Anyone know if I have an incorrect setting?
    > [email protected]
    >

  • Code not displaying in Design View

    Why would code visible in code view not be visible in design view?  DW cs4, using lesson pages from Adobe DW cs4 CIB.[I'm stuck and can't complete my lesson!]

    Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags.  Try validating your code and fix reported errors.
               Code Validation Tools
              CSS - http://jigsaw.w3.org/css-validator/
              HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for