Total Disaster [Unexpected behavior in existing web page in DW CC 2017 after upgrading]

Report · Nov 21, 2016

I downloaded the new 17 and only had to add a couple of sentences to my welcome page. The margins weren't bonkers. Everything became corrupted. If you look in Design it doesn't look bad but it is now w/o what Went to add. As soon as you go to Live View It is all piled up on the left. I cannot 'put' to show you because I will further the problems. This is the code that I copied from the page. When I use Align Center it shifts to either the left of right, no reason seems to be attached. It acts as though there is no such thing as 'wrap around.' I am attempting to use what is now considered to be the average monitor of 1366 x 768. It spills off the page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>welcome</title>

.Gold {

color: #000;

}

body,td,th {

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

/* [disabled]font-size: 18px; */

color: #FC0;

}

li h1 img {

left: 8%;

right: 8%;

position: relative;

margin-left: 8%;

}

body {

background-color: #000;

right: 5%;

font-size: 18px;

width: 0%;

}

li h2 img {

}

body p {

color: #F3D70C;

list-style-position: inside;

border-width: thick;

position: relative;

left: 8%;

right: 8%;

}

body p {

color: #ECBB13;

font-size: 36px;

}

.Type {

color: #F00;

}

a:link {

color: #F00;

left: 5%;

}

#theeye {

position: relative;

float: right;

margin-right: 15%;

}

#StroboscopicCat {

margin-left: 2%;

}

#video {

position: relative;

left: 20%;

}

#reviewed {

font-size: 25px;

}

#reviewed #NaPuaGallery {

left: 33%;

position: relative;

}

</style>

</head>

<body>

<nav><a href="welcome.html">Welcome</a> <a href="Le Studio.html"> Le Studio</a> <a href="SemoiasLions.html">Semoia's Lions</a> <a href="ThroughTheLens.html">Through the Lens</a> <a href="mailto:Semoia@C-est-Moi.com">Contact Semoia</a></nav>

</em>

<h1 align="right"><em><strong>View of Le Collection</strong></em></h1>

<h1 align="right"><em><strong>Located in Beautiful Ka'anapali by The Sea</strong></em></h1>

</video>

<p align="center"><a href="file:///4T Creations/C-est-Moi-Site copy/ThroughTheLens.html">Through the Lens</a><a href="file:///4T Creations/C-est-Moi-Site copy/Through The Lens.html"></a></p>

<p align="center">Stroboscopic Cat</p> My name is Magique. That translates to MAGICAL. My Mom says I am!

<p align="center">Stroboscopic Creations----Orchid Tour 1----Orchid Tour 2</p>

<p align="center">Stroboscopic Creation----Orchid Tour 3</p>

<p align="center">Stroboscopic Creation----Orchid Tour 4</p>

<h1 align="center"><em><strong style="font-size: 25px">Trained by Nikon ---Influenced by Monet, Techniques of Ansel Adams. Her style has been said to be reminiscent of Georgia O'Keeffe. A method of how to blend all of this has been taught to her by present day artist, Fay Sirkis. These greats have been her guiding light and have aided her in producing a style that is uniquely her own. Semoia feels wonderful to have received such complements as a Nikon Rep. saying to her, 'You know what we don't know how to teach' and a local directness of a fine gallery called her to say ' I have never seen anything like it before, your work is exquisite, I cannot get it out of my mind.'</strong></em></h1>

<h2 align="center"><strong><em>Printing is done on the finest paper that Semoia Lin can find. Each paper has different properties and produces different effects upon the creation. It is with great attention that the papers are chosen to best augment the particular style. Some papers come from Japan and others come from France. There is one that is reminiscent of raw silk and another is Japanese Rice Paper, Etc., Etc., Etc.</em></strong> The Stroboscopic images are on one of the French papers that resemble velvet. It provides equal depth of color as the Monet paper yet gives it a softness simultaneously that almost makes you want to stroke it.</h2>

<h2 align="center"><em><strong>Music By Lei'ohu Ryder. She sings of The Celebration of Life, The Breath of Spirit, My Home by The Sea and To Life. Lei'ohu is a </strong></em><strong><em>spiritualist, a chanter, an educator, and my friend. </em></strong></h2>

<h2 align="center"><strong><em>These meles, songs, come from Waiha the third of her nine albums, the meles are, in order, Kou Aloha, Waiha, Wai'ehu'ehu, and Oli Ola.</em></strong></h2>

<h2 align="center"><em><strong>I hope you love them and the sweetness of Lei'ohu's voice as much as Semoia.</strong></em> <em>There has been an addition of fireworks at the appropriate location for the Lion Dance as they set off Fireworks to keep the bad spirits away for The New Year</em></h2>

<p align="center">Verbatim copy of article written about Semoia in </p>

<p align="center">The Maui No Ka Oi Magazine</p>

<h4 id="reviewed"><em>As Reviewed by The Maui No Ka ‘Oi Magazine<br />

Walk into the studio of Semoia Lin and enter a new dimension of art. Semoia is known for an insatiable appetite for learning new techniques, using what she calls “my Nikon eyes.” By integrating high-tech photography and multiple layers of computer programs, she “paints” her images with extraordinary depth of color, texture, and perhaps even a bit of mysticism. “The Ancient Masters strived for depth and impact,” says Semoia “Using different tools, I strive to achieve that same result.” A Nikon representative once told her “You know what we don’t know how to teach.” After a recent studio show, one Canadian admirer summed it up in a letter to the artist, “Your art is something I have not seen before I appreciate the creative energy and time you have taken to produce such unique pieces.” Adds Semoia, “It’s an exquisite dance to make it look like it never met a camera. The review was together with this picture,lone of those that is to be used at The Na Pua Gallery, Grand Wailea, Maui, </em><img src="Images/15 -Z----Creation---HDR-----DFine----Sharpen.jpg" width="800" height="600" id="NaPuaGallery" alt="Na Pua Gallery" />

<br/> Creations Supreme , one of MANY Styles---It might not look it, but this is an orchid.</h4

><h3 align="center"><u>NOTES<em>: The control bar on the lower left of each slide show is very similar to that of a DVD player. *Click on the double line to pause the slide show and study the image. The square icon takes you back to the beginning of the show instead of just stopping. The arrow has a lag time, it WILL re-start. </em></u> When you click an icon the control panel disappears. It will come back as soon as you hover your mouse over the area.</h3>

<h3 align="center">There is approximately a forty-five second lag at the end of each slide show for the rewind to take place. The monitor turns black during that time.</h3>

<h2 align="center">The color spectrum of the images have been chosen to harmonize with each other as they are in close proximity within the studio. You may have a requirement for different colors that can probable be found in the second slide show of Le Collection.' I also do custom work.</h2>

<p align="center"><em><strong>Sunset Over Infinity Pool with Ocean<img src="Images/Wailea Watercolor .jpg" width="828" height="552" alt="Sunset over Infinity Pool w Ocean" />

<p align="center"><em><strong>The Lion Dance is represents the welcoming of The Chinese The Year of The Snake , Maui Style. I don't think too many places in the world can beat Maui for the shear opulence of the locations. The pictures start at The Grand Weilea and then go to The Four Seasons, The Shops of Weilea and then on to The Streets of Lahaina, culminating at The WoHing Temple. It is one of the oldest Chinese temples in the western hemisphere.</strong></em> <strong><em>There were several fireworks displays during this event as Lions danced up and down the the corridors of hotels, The Shops and through the streets of Lahaina.</em></strong></p>

<p align="center"><a href="file:///4T Creations/C-est-Moi-Site copy/ThroughTheLens.html">Through the Lens</a><a href="file:///4T Creations/C-est-Moi-Site copy/Through The Lens.html"></a></p>

<p> <strong>If the location you wish to place the image is not a standard size I will customize the size of the image for you.</strong></p>

<h2 align="right">Custom Murals can be created in 36 or 44 inches up to the length of the roll of the selected paper</h2>

<h2 align="right">Shipping </h2>

<h2 align="right">and Framing upon request.</h2>

<h2 align="right"><em>It is not possible to show the true quality and the emotions these images conjure within you when you are able to see them in person. The impact of the size that shows the details and the papers are quite dramatic. I therefore make two offerings to you. One is to come to the studio so you are able to view in person, and the other is to send you a small paper sample of the paper used for whichever image you are interested in. The sample paper but it is the best I know how to do. It mortifies me that the work cannot be presented to show its quality. When The Masters of Yesteryear painted the first few layers were called a sketch only after those layers were completed were the finest of details added. When you look on the net, it looks like their sketch. The depth and intensity just cannot be conveyed.</em></h2>

<h3 align="left">808 419 67 93/Studio---Hawaiian Time</h3>

<h4 align="left">Contact Semoia Lin for Pricing and Availability. She needs the code on the image and any special size requirements, she will at that time, check on the amount of images available due to their being a limited editions.</h4>

Semoia@C-est-Moi.com

</script>

</p>

</body>

</html>

Report · Nov 22, 2016

Please run your code through the validator The W3C Markup Validation Service

The first thing that I see is the use of an HTML5 element in an XHTML 1.0 document.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Report · Nov 22, 2016

As DW has progressed over the years, it has become less and less tolerant of html errors. Right now, you have over 100 issues in that page that need to be taken care of. Some won't hurt the display of the page, others will.

Browsers have been programmed to essentially "guess what you meant" when they run into problems in the code. Because of the varying levels of that kind of programming in each browser, you may see the page exactly how you meant it to be delivered, you may see "everything is right, except this part" or you may see a jumbled mess that barely functions as a website. It all depends on the browser, version, platform and device.

Cleaning up the code is the first step to truly find what has gone wrong. More than likely it will be those code errors causing your issue and once cleaned up, DW will snap back in line. If it doesn't, post back after the code has been cleaned up and the contributors here will help you find the issue pretty quickly.