4 Replies Latest reply: Feb 17, 2014 8:27 PM by bregent RSS

    Posted site does not match previewed site.


      I am not a programmer, that's why I use Dreamweaver and templates. I created a one-page "scrolling" type site using a template that included CSS style sheets and java (I don't really know what "java" is, mind you). The site looks and works beautifully when previewed from within Dreamweaver (Safari) and is a complete and utter mess when posted. (I uploaded the whole "folder" that I built the file in.) Help! Deadlines are looming of course, thanks in advance.

        • 1. Re: Posted site does not match previewed site.
          bregent MVP

          >and is a complete and utter mess when posted.


          There is no way for us to help if you don't show us the code or better yet, provide a url.

          • 2. Re: Posted site does not match previewed site.
            reginahny Community Member

            Thank you for the quick response!


            the url with the "mess" is: http://www.lisallewellyn.com


            The code from Dreamweaver is:


            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">





            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

                      <title>Lisa Llewellyn</title>

                      <meta name="author" content="Alvaro Trigo Lopez">

                      <meta name="Description" content="fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll like iPhone website.">

                      <meta name="Keywords"  content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple">

                      <meta name="Resource-type" content="Document">



                      <link rel="stylesheet" type="text/css" href="demoPage.css">

                      <link rel="stylesheet" type="text/css" href="../jquery.fullPage.css">



                      <!--[if IE]>

                                <script type="text/javascript">

                                           var console = { log: function() {} };




                      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

                      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>


                      <script type="text/javascript" src="../jquery.fullPage.js"></script>

                      <script type="text/javascript" src="examples.js"></script>

                      <script type="text/javascript">

                                $(document).ready(function() {

                                          var pepe = $.fn.fullpage({

                                                    slidesColor: ['#FF6600', '#FF6600', '#FF6600', 'FF6600', '#FF6600'],

                                                    anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],

                                                    menu: '#menu'







            <style type="text/css">


            body,td,th {

                      color: #FFFFFF;


            body {

                      background-color: #FF6600;


            .style1 {

                      font-size: x-small;

                      color: #FFFFFF;


            a:link {

                      color: #000000;

                      text-decoration: none;


            a:visited {

                      text-decoration: none;

                      color: #FFFFFF;


            a:hover {

                      text-decoration: none;

                      color: #FFFFFF;


            a:active {

                      text-decoration: none;

                      color: #000000;





            <ul id="menu">

                      <li class="style1" data-menuanchor="section0"><a href="#section0">HOME</a><a href="#section1">ABOUT</a><a href="#section2">EXPERIENCE</a><a href="#section3">WORK</a><a href="#section4">CONTACT</a></li>




            <div class="section" id="section0">

                      <img src="homepage.jpg"></div>

            <div class="section" id="section1">

                <img src="animation/animate.gif"></div>

            <div class="section" id="section2">

            <img src="page2.jpg" width="800" height="600" border="0" usemap="#Map">

            <map name="Map"><area shape="rect" coords="221,485,291,513" href="LisaCV.final.pdf" target="_blank">


            <div class="section" id="section3">

              <img src="page3.jpg" border="0" usemap="#Map2">

            <map name="Map2"><area shape="rect" coords="221,432,291,465" href="LisaCV.final.pdf" target="_blank">

            <area shape="rect" coords="226,162,383,320" href="LISA LLEWELLYN'S REEL.mov" target="_blank">

            <area shape="rect" coords="414,162,568,318" href="Gilenya_Teaser_011314.mov" target="_blank">



            <div class="section " id="section4">

              <img src="page4.jpg" border="0" usemap="#Map3">

            <map name="Map3"><area shape="rect" coords="220,262,411,297" href="mailto:silvermango4@hotmail.com">





            • 3. Re: Posted site does not match previewed site.
              reginahny Community Member

              Oh my gosh. I think it may have been a "propagating" issue? Now it suddenly works. Thank you so much again for your support -- and any cleaning up of the code will be a learning experience!

              • 4. Re: Posted site does not match previewed site.
                bregent MVP

                Yeah, it seems to be working. One problem, although I can scroll with the mouse wheel there are no scroll bars. You'll need to fix that.