6 Replies Latest reply on Jul 2, 2013 8:14 AM by MurraySummers

    Problem Viewing HTML coded website in design view

    TechnoGuyComputers

      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

        • 1. Re: Problem Viewing HTML coded website in design view
          Mike M Level 6

          The VERY FIRST thing I noticed is that there is no doctpye declared for the page. That's going to play hell with a lot of things, possibly the webkit engine that design view uses to display the page.

           

          Usaing tables for layout is another bad (but not impossible) practice. CSS and Divs is the better way to go. Less inline styling, no need for nesting of tags.

          1 person found this helpful
          • 2. Re: Problem Viewing HTML coded website in design view
            Jon Fritz II Adobe Community Professional & MVP

            The secondary pages have over 70 html errors. HTML errors can cause all kinds of display problems in DW's design view, it tends to be a bit scricter than browsers.

             

            Run your pages through the validator here: http://validator.w3.org and clear up any errors that it shows.

             

            If it's still not showing up in DW after it validates post back and we can take a closer look.

            • 3. Re: Problem Viewing HTML coded website in design view
              Nancy OShea Adobe Community Professional & MVP

              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.

              1 person found this helpful
              • 4. Re: Problem Viewing HTML coded website in design view
                MurraySummers Level 8

                Which version of DW are you using?  Here's the thing - contemporary versions of DW are very focused on valid HTML. When you try to open a page containing invalid HTML in one of the later versions of DW, it'll just thow up its hands and walk out.

                 

                The home page is not too bad but the interior pages are not so good. In general the table structure throughout is dice and just plain invalid on those inner pages, containing things like this -

                 

                <Table bgcolor="#FFFFFF" border="3">

                <td width="300" height="150">

                <a href="MilitaryKites.html">

                <img src="http://www.ckski.com/Pictures/KiteThumbs/MilitaryAirForce.jpg" border="3" align="left">

                <center>

                <font size="4"><B>Military</font></B><BR><BR>

                Support our Armed Forces!</a>

                </center>

                </Table>

                 

                You cannot have a <td> without a <tr> parent. You cannot have a <td> without a corresponding </td>

                 

                This is what is making DW refuse to display your content. Someone with a smattering of HTML knowledge could fix these up in pretty short order.

                1 person found this helpful
                • 5. Re: Problem Viewing HTML coded website in design view
                  TechnoGuyComputers Level 1

                  Well, I have a smattering of html knowledge... just apparently more neglectful of closing tags than I thought. I'd been using a doctype declaration on some other pages I've done, but I didn't notice it having any effect on browsers displays, so I dropped it. Guess Dreamweaver (this new one is CS4) is considerably more sensitive these days. The one I've used occasionally in the past was still a Macromedia version (MX, I think)

                   

                  I'm also been leery of sending someone in with the editor who doesn't know html, but the changes he'll be making are rather basic... prices, number in stock, which are just text fields. I think the design view edit should be able to handle that for a novice. I hope, anyway? lol...

                   

                  I'll give these tips a go... thanks everybody!

                   

                  Travers

                  • 6. Re: Problem Viewing HTML coded website in design view
                    MurraySummers Level 8

                    Just make sure that your table structures are correct - for example, a table must be structured like this (minimally) -

                     

                    <table>

                    <tr>

                    <td>

                    </td>

                    </tr>

                    </table>

                     

                    That is, you cannot have <table> without a corresponding </table>; similarly for <tr> and <td>.

                     

                    If you do that, it's likely that Design view will work again.